/** #region--------------------- 原生标签 --------------------*/
html, body {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
}

a, a[href] {
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    text-decoration: none;
    cursor: pointer;
}

h6 {
    font-size: 12px;
}

[v-cloak] {
    display: none;
}

/** #endregion-----------------------------------------------*/

/** #region --------------------- el标签 --------------------*/
.el-tabs__nav-scroll{
    background:#EFEEF0
}
.el-icon-s-home {
    color: #0081ff;
}

.el-icon-data-analysis {
    color: #6739b6;
}

.el-icon-box {
    color: #fbbd08;
}

.el-icon-news {
    color: #a5673f;
}

.el-icon-s-help {
    color: #39b54a
}

.el-icon-mouse {
    color: #8799a3
}

.el-submenu__title i {
    color: #8799a3
}

.el-radio--medium.is-bordered {
    margin-right: 10px;
    margin-top: 5px;
}

.el-radio.is-bordered + .el-radio.is-bordered {
    margin-right: 15px;
    margin-left: 0px;
}

.el-table__body, .el-table__footer, .el-table__header {
    font-size: 12px;
}
.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable{
    padding-left: 20px;
    padding-right: 20px;
    background: white;
    border-radius: 30px;
}
.el-tabs--card>.el-tabs__header .el-tabs__nav{
    border: 0;
}
.el-tabs--card>.el-tabs__header .el-tabs__item{
    border-left: 0px;
}
.el-dialog {

    position: absolute;

    top: 50%;

    left: 50%;

    margin: 0 !important;

    transform: translate(-50%, -50%);

    display: flex;

    flex-direction: column;

    max-height: calc(100% - 30px);

    max-width: calc(100% - 30px);
}

.el-dialog__body {
    overflow: auto;
}

.el-tree {
    background: transparent;
}

.el-tree-node__expand-icon {
    color: #0081ff;

}

.is-current div:first-of-type {
    color: #0081ff;
}

.el-tabs_line .el-tabs__header {
    background: #fff;
}

.el-tabs_line .el-tabs__item {
    left: 10px;
}

.el-tabs_line .el-tabs__active-bar {
    left: 10px;
}

.el-tag + .el-tag {
    margin-left: 10px;
}

.el-table__empty-block {
    height: auto;
}

.el-menu-item i {
    color: #8799a3;
}

.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
    border-bottom: 0px;
}

.el-tabs__nav-scroll {
    background: #EFEEF0;
}

/** #endregion -----------------------------------------*/

/** #region --------------------- 自定义插件 --------------------*/

/**---- 图表 -----*/

.chart-wrap {
    width: 100%;
    height: 100%;
    border: solid 0px red;
    position: relative;
    overflow-y: auto;
    background: #fff;
    border-radius: 2px;
    overflow: hidden;
}

.chart-wrap .title {
    font-size: 16px;
    font-weight: 700;
}

.chart-wrap .chart {
    width: 98%;
    height: 100%;
    margin-top: 0px;
}

.chart-wrap .chart .note {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    color: rgb(224, 224, 224);
    width: 60px;
    height: 10px;
}

.chart-wrap .bar {

}

.chart-wrap .bar .glyphicon {
    margin-left: 5px;
    cursor: pointer;
}

/**---- 左边菜单 -----*/
#site-menu {
    background: transparent;
    height: 100%;
}

#site-menu .el-scrollbar__wrap {
    overflow-x: hidden;
}

#site-menu .el-menu {
    background: transparent;
    border: none;
}

#site-menu .el-menu-item a {
    color: black;
    border: solid 0px red;
    padding-bottom: 5px;
}

#site-menu .el-menu-item a:hover {
    color: black;
}

#site-menu .el-menu-item.is-active a {
    color: #409EFF;
}

#site-menu .el-submenu__title {
    color: black;
}

#site-menu .el-submenu__title:hover {
    color: black;
}

#site-menu .iconfont {
    font-size: 20px;
    margin-right: 10px;
}

/**---- 头部 -----*/
#site-header {
    border: solid 0px green;
    height: 66px;
    margin-left: 0px;
    font-family: YouYuan;
}

#site-header .icon {
    font-size: 26px;
    color: #fff;
}

#site-header .logo {
    width: 230px;
    height: 100%;
    border: solid 0px red;
    display: flex;
    float: left;

}

#site-header .logo .cn_title {
    position: relative;
    /* margin-top: 10px; */
    top: 28%;
    color: #FFF;

}

#site-header .logo .en_title {
    color: #FFF;
    white-space: nowrap;
    font-size: 8px;
    margin-top: 5px;
}

#site-header .logo img {
    height: 50px;
    border-radius: 10px;
    position: relative;
    /* margin-top: 10px; */
    top: 13%;
}

#site-header .title {
    height: 100%;

    display: flex;
    float: left;
    color: #fff;
    letter-spacing: 2px;
}

#site-header .right {
    height: 100%;
    line-height: 60px;
    border: solid 0px red;
    display: block;
    float: right;
}

#site-header .right .item {
    display: inline;
    margin-right: 40px;
}

#site-header .title .item a:hover {
    background-color: #b2c3e4;
}
.el-tabs--card>.el-tabs__header{
    border-bottom: none;
}
#menu-toggle {
    background: red;
    width: 12px;
    height: 100px;
    position: absolute;
    top: 45%;
    right: -12px;
    line-height: 100px;
    text-align: center;
    display: block;
    border-radius: 0 3px 3px 0;
    opacity: .65;
    filter: alpha(opacity=65);
    z-index: 999;
    left: 0px;
    transition: left .2s ease-in-out 0s; /*包含四个过度属性：执行变换属性、执行时间、速率、延迟*/
    -webkit-transition: left .2s ease-in-out 0s; /*chrome和safari*/
    -moz-transition: left .2s ease-in-out 0s; /*firefox*/
    -o-transition: left .2s ease-in-out 0s; /*opera*/
}

#menu-toggle a {
    color: #fff;
    display: block;
    background: #8799a3;
    border-radius: 0 3px 3px 0;
}

#site-header a:nth-child(2):hover ~ .move { /*li元素的父元素的第一个子元素，当鼠标停留其上时，move元素的left属性改变*/
    left: 300px;
}

#site-header a:nth-child(3):hover ~ .move {
    left: 440px;
}

#site-header a:nth-child(4):hover ~ .move {
    left: 600px;
}

#site-header .move {
    height: 70px;
    width: 75px;
    background: transparent;
    background-color: aliceblue;
    position: absolute;
    left: 270px;

    opacity: 0.4;
    transition: left .2s ease-in-out 0s; /*包含四个过度属性：执行变换属性、执行时间、速率、延迟*/
    -webkit-transition: left .2s ease-in-out 0s; /*chrome和safari*/
    -moz-transition: left .2s ease-in-out 0s; /*firefox*/
    -o-transition: left .2s ease-in-out 0s; /*opera*/
}

#site-header .title .item {
    display: inline;
    margin-right: 15px;
    margin-top: 2%;
}

#site-header .title .icon {
    display: inline;
    font-size: 20px;
}

#site-header .right .alarm {
    font-size: 20px;
    top: -2px;
    border: solid 0px red;
    color: #fff;
}

.header-user {
    width: 150px;
    overflow: hidden;
}

.header-user p.name {
    border-bottom: solid 1px #f0f0f0;
    padding-bottom: 10px;
    margin-bottom: 5px;
}

.header-user a {
    line-height: 25px;
}

/**----------设备树----------*/
#site-tree {
    border: solid 1px transparent;
    width: 100%;
    height: 90%;
}

#site-tree .tree-container {
    position: fixed;
    border: solid 0px green;
    width: 16.6%;
    height: 95%;
    overflow: hidden;
    overflow-x: auto;
}

#site-tree .tree-inner {
    border: solid 0px blue;
    width: 150%;
    height: 98%;
    overflow-y: auto;
    overflow-x: auto;
}

#site-tab .el-tabs__header {
    margin-bottom: 2px;
}

#site-tab iframe {
    width: 100%;
    min-height: 400px;
    border: 0px;
}

#site-tab #ifrDialog {
    border: solid 1px green;
    z-index: 100;
    position: absolute;
    left: 0px;
    top: 0px;
    background: #fff;
}

#site-tab .dClose {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 100;
}

/**----------百度地图窗口----------*/

.ec-extension-bmap .infoBox img {
    z-index: 10;
}

.ec-extension-bmap .bmap-win {
    background: rgba(255, 0, 0, 0.5);
    border: solid 1px #fff;
    border-radius: 3px;
    padding: 10px;
    color: #fff;
    width: 200px;
    position: relative;
}

.ec-extension-bmap .bmap-win:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 60px;
    width: 0px;
    height: 0px;
    border-top: 13px solid rgba(255, 255, 255, 0.7);
    border-right: 13px solid transparent;
    border-left: 13px solid transparent;
}

/** #endregion -----------------------------------------------*/

/** #region --------------------- 自定义页面布局及样式 --------------------*/
.page {
    display: none;
}

.page-title {
    height: 40px;
    line-height: 40px;
    border: solid 0px red;
    margin-left: 0px;
    background: #E3E8E9;
    padding-left: 10px;
    position: fixed;
    z-index: 1;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 100;
    display: none;
}

.page-head {
    background: #fff;
    padding-left: 10px;
    padding-top: 10px;
    margin-bottom: 0px;
}

.page-main {
    border: solid 0px yellow;
}

.page-main .main-head {
    background: #fff;
    padding-left: 10px;
    padding-top: 10px;
    margin-bottom: 0px;
}

.page-footer {
    height: 40px;
    border: solid 0px red;
    margin-left: 0px;
    padding-top: 5px;
    background: #D8D8D8;
    position: fixed;
    z-index: 1;
    width: 100%;
    bottom: 0px;
    left: 0px;
}

/* *号 */
.em-ask {
    color: red;
}

.glyphicon-confirm {
    color: red;
    font-size: 20px;
}

/* 单标签*/
.label-item {
    display: inline-block;
    border: solid 1px #979797;
    border-radius: 5px;
    overflow: hidden;
    height: 25px;
    line-height: 25px;
    padding: 0px;
    margin-right: 10px;
}

.label-item a {
    display: inline-block;
    height: 100%;
    font-size: 22px;
    padding-right: 5px;
    padding-left: 5px;
    color: #979797;
}

.label-item span {
    border-right: solid 1px #979797;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    font-size: 12px;
}

.label-item-tit {
    border: 0px;
    margin-right: 0px;
}

/** 页面图表外围部分，不同与图表插件部分 */
.chart-title {
    background: #cccccc;
    padding: 8px 10px;
    border-radius: 3px 3px 0px 0px;
}

.chart-outer {
    height: 280px;
    border: solid 0px green;
    margin-bottom: 20px;
    background: #fff;
    padding: 20px;
    overflow: hidden;
    position: relative;
}

.chart-outer h6 {
    font-size: 15px;
    font-weight: 700;
    top: -25px;
    right: 0px;
    left: 0px;
    border: solid 0px red;
    position: absolute;
    z-index: 2;
    text-align: center;
}

/** #endregion -----------------------------------------------------*/

/** #region ----------------------拓展图标----------------------------*/

/* 拓展图标 */
@font-face {
    font-family: 'iconfont';
    src: url('assets/fonts/iconfont.eot');
    src: url('assets/fonts/iconfont.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/iconfont.woff') format('woff'),
    url('assets/fonts/iconfont.ttf') format('truetype'),
    url('assets/fonts/iconfont.svg#iconfont') format('svg');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 1rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 0px;
}

.icon-exit:before {
    content: '\e66d';
}

.icon-user:before {
    content: '\e6bc';
}

.icon-full:before {
    content: '\e61f';
}

.icon-home:before {
    content: '\e604';
}

.icon-alarm-ana:before {
    content: '\e60C';
}

.icon-monitor:before {
    content: '\e609';
}

.icon-ele-ana:before {
    content: '\e606';
}

.icon-energy-sum:before {
    content: '\e60b';
}

.icon-network:before {
    content: '\e605';
}

.icon-report:before {
    content: '\e601';
}

.icon-opera:before {
    content: '\e60a';
}

.icon-dev:before {
    content: '\e607';
}

.icon-safe:before {
    content: "\e675";
}

.icon-baojing:before {
    content: "\e63a";
}

.icon-shuangcengyukong:before {
    content: "\e64d";
}

/* CSS Document */

/* Isotope filtering */
.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */

    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

.filter-content {
    margin: 0 10px 10px 0;
    overflow: hidden;
    position: relative;
}

.filter-content .hover-content {
    background-color: rgba(0, 0, 0, 0.7);
    color: #FFFFFF;
    height: 100%;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 0;
    display: none;
    -webkit-animation-duration: 1s;
    -webkit-animation-delay: 0s;
    -moz-animation-duration: 1s;
    -moz-animation-delay: 0s;
    -o-animation-duration: 1s;
    -o-animation-delay: 0s;
}

.filter-content .hover-content h4 {
    margin-top: 10%;
}

.filter-content .hover-content a.hover-link {
    margin: 30px 5px;
    vertical-align: middle;
}

.filter-content .hover-content a.hover-link i {
    color: #FFFFFF;
}

.filter-content a img {
    -webkit-transition: -webkit-transform 1s ease 0s;
    transition: transform 1s ease 0s;
    -webkit-transform-origin: center;
    transform-origin: center;
}

.filter-content a:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

/*table{
		table-layout:fixed;
	}
	td{

		word-break:keep-all;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
}*/

/*é€šè®¯å½•*/
.tel-book {
    background-color: #ffffff;
}

ul, li {
    padding: 0;
    list-style: none;
}

.tel-book h1 {
    background: #f8f8f8;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ddd;
    text-indent: 1em;
}

.tel-book ul {
    line-height: 30px;
    margin: 10px 0;
    padding: 0;
}

.tel-book li {
    list-style: none;
    padding: 0 10px 0 15px;
    height: 30px;
    display: block;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tel-book li:hover {
    background: #f3faff;
}

.tel-book li span {
    color: #888;
    padding-left: 5px;
}

.tel-book li.cur_tel {
    background: #f3faff;
}

.tooltip {
    width: 400px;
}

.tooltip.in {
    filter: alpha(opacity=100);
    opacity: 1
}

.tooltip-inner {
    max-width: 400px;
    color: #555;
    text-align: left;
    background-color: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
    border: 1px solid #efefef;
    line-height: 22px;
    text-indent: 0;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #aaa;
}

.tooltip.top-left .tooltip-arrow {
    border-top-color: #aaa;
}

.tooltip.top-right .tooltip-arrow {
    border-top-color: #aaa;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #aaa;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #aaa;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #aaa;
}

.tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: #aaa;
}

.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #aaa;
}

/*èµ„æº*/
.select_part {
    background: #fff;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 10px 0 0 0;
}

.select_part span {
    float: left;
    display: block;
    width: 70px;
}

.select_part li {
    font-size: 13px;
    border-bottom: 1px solid #f1f0f0;
    padding: 10px 0 0 0;
}

.select_part li:last-child {
    border: none;
}

.select_part li a.select_now {
    background: #3c8dbc;
    color: #fff;
    border-radius: 3px;
}

.select_part li a:hover {
    background: #ddf3ff;
    color: #3c8dbc;
    border-radius: 3px;
}

.select_part li a.select_now:hover {
    background: #3c8dbc;
    color: #fff;
}

.select_part li .class_con {
    margin-left: 60px;
}

.select_part li .class_con a {
    display: inline-block;
    padding: 0 10px;
    margin: 0 5px 10px 0;
}

.fenxiang {
    display: block;
    margin-top: 5px;
}

.fenxiang li {
    width: 30%;
    float: left;
    color: #888;
}

.item.margin-0 {
    margin-bottom: 0;
}

span.tit {
    font-weight: bold;
    height: 38px;
    display: block;
    line-height: 38px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 500px;
}

.tit2 {
    font-weight: bold;
    height: 26px;
    display: block;
    overflow: hidden;
    font-size: 15px;
}

.blue2 {
    background-color: #70AFC4;
}

.red2 {
    background-color: #d9534f;
}

.green2 {
    background-color: #a8bc7b;
}

.maxW500 {
    max-width: 500px;
}

.title_list2 {
    position: absolute;
    left: 10px;
    top: 5px;
    padding: 15px;
}

.title_list2 h1 {
    height: 22px;
    font-size: 19px;
    color: #fff;
    margin: 0 0 10px 0;
    padding: 0;
}

.title_list2 p {
}

.title_list2 p a {
    display: block;
    float: left;
    margin-right: 12px;
    height: 24px;
    font-size: 14px;
    color: #FFFFFF;
}

.title_list2 p a:hover {
    text-decoration: underline;
}

.separator {
    margin: 10px 0 40px 0;
    border-bottom: 1px solid #eee;
}

.filter-s {
    margin: 0 0 30px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #e4e4e4;
}

.filter-s:last-child {
    border: none;
    margin-bottom: 0;
}

/*æ–°é—»åˆ—è¡¨*/
.resList {
    display: block;
    height: auto;
    overflow: hidden;
}

.resList li {
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}

.resList li:last-child {
    border-bottom: none;
}

.resPic {
    display: block;
    width: 86px;
    height: 86px;
    float: left;
    margin: 15px 10px 15px 15px !important;
}

.resList li h3 {
    display: block;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 5px;
}

.resList li h3 a, .resList li h3 a:link, .resList li h3:visited {
    font-size: 16px;
    font-weight: bold;
    color: #252525;
}

.resList li h3 a:hover, .resList li h3 a:active {
    color: #216bb6;
}

.resList li p {
    display: block;
    line-height: 20px;
    overflow: hidden;
    color: #808080;
    text-indent: 0px;
    margin-top: 0px;
}

.w145 {
    width: 145px;
    float: left;
}

.w282 {
    width: 282px;
    position: relative;
    z-index: 3;
}

.pl0 {
    padding: 0 20px 0 5px;
}

/*æ–°é—»å†…å®¹*/
.news_con {
    background: #fff;
}

.title_h3 {
    line-height: 30px;
    border-bottom: 1px solid #eee;
    font-size: 20px;
    font-weight: bold;
    color: #252525;
    overflow: hidden;
    text-align: center;
    margin: 15px auto 0px auto;
    padding-bottom: 10px;
    position: relative;
}

.title_h3 a {
    width: auto;
    height: 30px;
    line-height: 30px;
    position: absolute;
    font-size: 12px;
    color: #a7a7a7;
    right: 0px;
    bottom: 0px;
}

.readCon {
    height: auto;
    padding: 20px 0px 10px 0;
    margin: 0px auto;
    overflow: hidden;
    position: relative;
    background: #fff;
}

.readCon p {
    font-size: 14px;
    line-height: 28px;
    color: #252525;
    margin: 12px 0px;
    text-align: justify;
    text-indent: 0;
}

.readCon p img, .readCon img {
    max-width: 700px;
    margin: 0 auto;
    display: block;
}

.readCon p video, .readCon video {
    margin: 0 auto;
    display: block;
    background: #efefef url(../img/videologo.gif) no-repeat center center;
}

/*.chat{ float:right; padding:0px 8px 0px 20px; font-size:12px; color:#a7a7a7; line-height:17px; vertical-align:middle; background:url(../images/icon_chat.png) no-repeat left center;}*/
.time_pub {
    color: #c2c2c2;
    font-weight: normal;
    line-height: 18px;
    margin: 5px 0 10px 0;
}

.fit_xpm {
    width: 500px;
    margin: 0 auto;
    display: block;
}

.pinglun {
    clear: both;
    width: 100%;
    padding: 0 10px 10px 10px;
    background: #f8f8f8;
    min-height: 130px;
    display: block;
}

.pinglun.bg-none {
    background: none;
    padding-left: 20px;
}

.media-object {
    border-radius: 30px;
}

.help-block {
    color: #888 !important;
    font-size: 13px !important;
}

.upload_f {
    background: #fff;
    margin: 10px 0;
    padding: 10px 10px 20px 10px;
}

/*æ¸…é™¤float*/
.clear {
    clear: both;
}

.form-horizontal .radio {
    padding-top: 4px;
}

.orangeFon {
    color: #f60;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    line-height: 35px;
}

/*ä½œæ¯å¹¿æ’­*/
.tGroup td {
    background-color: #F4F6F9 !important;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    border-bottom: 1px solid #e7eaee !important;
}

.table-paper.table-striped tbody tr:nth-child(2n) td, .table-paper.table-striped tbody tr:nth-child(2n) th, .table-paper.table-striped tbody tr:nth-child(2n):hover td, .table-paper.table-striped tbody tr:nth-child(2n):hover th {
    background-color: #fff;
}

@media screen and (min-width: 768px) {
    .modal-dialog {
        width: 1000px;
    }
}

.quick_sel {
    position: relative;
    z-index: 2;
}

.popover {
    max-width: 350px;
}

.popover.s_tips {
    width: auto;
    left: 10px;
    top: 14px;
}

.popover a {
    display: block;
}

.popover.s_tips a {
    display: inline-block;
}

a.sub_nav {
    float: left;
    margin-right: 10px;
}

.box .header-tabs .nav-tabs {
    top: -33px;
}

/*æ ¡å›­å¹¿æ’­*/
.tree .tree-item, .tree .tree-folder {
    border: none;
}

.tree {
    max-height: 745px;
    background: #fff;
}

.radio-inline {
    padding-left: 10px;
    padding-right: 5px;
}

.radio-inline:first-child {
    padding-left: 20px;
}

.form-control.xk {
    width: 35px !important;
    height: 25px;
    line-height: 25px;
    padding: 0 5px;
    text-align: center;
}

.souCon {
    background: #fff;
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

/*é¢„æ¡ˆä¿¡æ¯ç®¡ç†*/
.radio-inline {
    padding-left: 10px;
    padding-right: 5px;
}

.radio-inline:first-child {
    padding-left: 20px;
}

.souCon label {
    line-height: 32px;
    vertical-align: middle;
    margin-bottom: 0;
    text-align: right;
}

.wizard-buttons {
    margin-top: 0;
}

.wizard-form .progress {
    margin-bottom: 0;
}

.select2-container-multi .select2-choices {
    background-image: none;
    border-color: #d2d6de;
}

.select2-container-multi.leftqi .select2-choices .select2-search-choice {
    padding: 2px 0 2px 0;
    margin: 0 20px 3px 0;
    border: none !important;
    box-shadow: none;
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 2px 20px 2px 18px;
    margin-right: 0;
    margin-bottom: 3px;
    border: none !important;
    box-shadow: none;
}

.select2-container-multi .select2-choices .select2-search-choice.select2-search-choice-focus {
    background: #f0f0f0;
}

.select2-container-multi .select2-search-choice-close {
    top: 5px;
    right: 5px;
    left: auto;
}

.select2-container-multi.leftqi .select2-choices .select2-search-choice:hover {
    background: none;
}

label.ziwu {
    display: inline-block;
    width: 70px;
    text-align: left;
}

/*ç­çº§åœˆ*/
.chat-con {
    padding: 20px;
}

.chat-pop {
    border: 1px solid #eee;
    padding: 5px 15px;
    border-radius: 4px;
    position: relative;
}

.icon_time {
    color: #999;
    margin-bottom: 10px;
}

.name2 {
    display: block;
    text-align: center;
    margin-top: 3px;
}

.name3 {
    width: 60px;
    display: inline-block;
    height: 24px;
    overflow: hidden;
    text-align: center;
}

span.no_confirm {
    display: inline-block;
    border: 1px solid #eb9c9c;
    background: #fdf6f6;
    font-size: 12px;
    padding: 3px 5px;
    color: #eb9c9c;
    border-radius: 2px;
}

span.confirm {
    display: inline-block;
    border: 1px solid #a8bc7b;
    background: #f9ffea;
    font-size: 12px;
    padding: 3px 5px;
    color: #a8bc7b;
    border-radius: 2px;
}

h4.media-heading {
    font-size: 15px;
    margin-top: 5px;
}

.media.bgWhite {
    background: #fff;
    clear: both;
    margin-top: 0;
    padding: 8px 10px;
    border-bottom: 1px solid #f0f0f0;
}

.media.bgWhite .chat-pop {
    background-color: #f8f8f8;
}

.media .chat-pop p {
    line-height: 22px;
    font-size: 14px;
    margin: 5px 0 10px 0;
}

.media.bgWhite .chat-pop p {
    line-height: 12px;
}

.media.bgWhite .chat-pop .media-heading {
    font-size: 15px;
}

.media.bgWhite img {
    width: 45px;
    height: 45px;
    margin-top: 5px;
}

.chat-pop .media-heading {
    margin-bottom: 10px;
}

.media-body p {
    text-indent: 0;
    margin: 0;
}

.chat-form {
    background: #fff;
}

.s_area {
    margin: 5px 5px 0 0;
    height: 30px;
    line-height: 30px;
    float: right;
}

.s_area span {
    margin: 0;
}

a.arr_down {
    background: url(../img/arr_d2.png) no-repeat center right;
    padding-right: 15px;
    display: inline-block;
}

.ban_list {
    display: none;
    position: absolute;
    z-index: 999;
    right: 10px;
    top: 95px;
    width: 150px;
    height: 200px;
    overflow-y: auto;
    border: 1px solid #e1e1e1;
    background-color: #fff;
    box-shadow: 2px 2px 3px #f0f0f0;
}

.ban_list ul {
    line-height: 35px;
    padding: 0;
}

.ban_list li {
    border-bottom: 1px dotted #eee;
    padding: 0 10px;
    display: block;
}

.checkbox {
    margin-bottom: 0;
}

.ban_list li:hover {
    background-color: #f8f8f8;
}

input {
    vertical-align: text-top;
}

.zan {
    background: #fff;
    padding: 10px 10px 5px 10px;
    border-bottom: 1px solid #e0e0e0;
}

.tou_x {
    display: block;
    margin: 10px 0 -20px 0;
    color: #888;
}

.tou_x img {
    display: inline-block;
    margin: -5px 10px 20px 0;
    width: 30px;
    height: 30px;
    vertical-align: text-top;
}

a.dele {
    display: inline-block;
    vertical-align: middle;
    display: none;
    font-size: 13px;
}

.ping_input {
    padding: 10px;
    margin-bottom: 10px;
    background: #fff;
}

.photo_bj {
    clear: both;
    margin: 10px 0 0 0;
}

.photo_bj li {
    display: block;
    float: left;
    margin: 0 10px 10px 0;
    position: relative;
    z-index: 5;
}

.close_b {
    position: absolute;
    top: -8px;
    right: -5px;
    z-index: 99;
}

.close_b a {
    background: url(../img/close_b.png) no-repeat;
    width: 18px;
    height: 18px;
    display: block;
}

.close_b a:hover {
    background-image: url(../img/close_b_hover.png);
}

.let-see {
    height: 35px;
    overflow: hidden;
}

.other-links {
    background: #f4f4f4;
    padding: 10px;
    margin-bottom: 10px;
}

.other-links > .fa {
    background: #d2d6de none repeat scroll 0 0;
    border-radius: 50%;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
}

a.del-b {
    display: none;
}

.box-comments .comment-text {
    word-break: break-all;
    word-wrap: break-word;
}

/*æ·»åŠ è§†é¢‘*/
.vedioDisplay {
    display: block;
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
}

.vedioDisplay a {
    margin-top: 10px;
}

.vedioPlayer {
    width: 533px;
    margin-top: 10px;
    position: relative;
}

.vedioPlayer img {
    max-width: 100%;
    max-height: 300px;
    padding: 0;
}

.vedio_Btn {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 66px;
    height: 66px;
    background: url(../img/images_Pause.png) no-repeat;
    z-index: 99;
    margin-top: -33px;
    margin-left: -33px;
}

.vedio_Btn:hover {
    background: url(../img/images_Pause_On.png) no-repeat;
}

/*æ­¥éª¤æ¡*/
.sui-steps {
    font-size: 0px;
    overflow: hidden;
    line-height: 0px;
    margin: 18px 0px;
}

.sui-steps .wrap {
    display: inline-block;
}

.sui-steps .wrap > div {
    width: 195px;
    height: 32px;
    display: inline-block;
    line-height: 32px;
    vertical-align: top;
    font-size: 12px;
    position: relative;
}

.sui-steps .wrap > div > label {
    margin-left: 26px;
    cursor: default;
}

.sui-steps .triangle-right {
    display: inline-block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 16px;
    position: absolute;
    right: -31px;
    z-index: 1;
}

.sui-steps .triangle-right-bg {
    display: inline-block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 16px;
    position: absolute;
    right: -31px;
    z-index: 1;
    border-width: 20px;
    right: -40px;
    border-color: transparent transparent transparent #FFF;
    top: -4px;
}

.sui-steps .round {
    display: inline-block;
    width: 18px;
    height: 18px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    text-align: center;
    line-height: 18px;
}

.sui-steps .round .sui-icon {
    vertical-align: -1px;
}

.sui-steps .round + span:before {
    content: '\00a0';
}

.sui-steps .finished {
    background-color: #3c8dbc;
    color: #ffffff;
}

.sui-steps .finished .triangle-right {
    border-color: transparent transparent transparent #3c8dbc;
}

.sui-steps .finished .round {
    background-color: #ffffff;
    background-color: transparent \9;
    color: #3c8dbc;
}

.sui-steps .finished .round > i {
    color: #3c8dbc;
    font-size: 12px;
}

.sui-steps .current {
    background-color: #3c8dbc;
    color: #ffffff;
}

.sui-steps .current .triangle-right {
    border-color: transparent transparent transparent #3c8dbc;
}

.sui-steps .current .round {
    background-color: #ffffff;
    color: #3c8dbc;
    color: #FFF \9;
    background-color: transparent \9;
}

.sui-steps .todo {
    background-color: #eeeeee;
    color: #999999;
}

.sui-steps .todo .triangle-right {
    border-color: transparent transparent transparent #eeeeee;
}

.sui-steps .todo .round {
    background-color: #ffffff;
    background-color: transparent \9;
}

.steps-large .wrap > div {
    font-size: 14px;
    width: 243.75px;
    height: 40px;
    line-height: 40px;
}

.steps-large .wrap > div > label {
    font-size: 14px;
    margin-left: 30px;
}

.steps-large .triangle-right {
    border-width: 20px;
    right: -39px;
}

.steps-large .triangle-right-bg {
    border-width: 24px;
    right: -48px;
}

.steps-large .round {
    width: 18px;
    height: 18px;
    line-height: 18px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}

.steps-auto {
    display: table;
    width: 100%;
}

.steps-auto .wrap {
    display: table-cell;
}

.steps-auto .wrap > div {
    width: 100%;
}

.sui-steps-round {
    font-size: 0px;
    overflow: hidden;
    line-height: 0px;
    margin: 18px 0px;
    padding: 10px 20px;
    background: #fff;
}

.sui-steps-round > div {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.sui-steps-round > div .wrap:before,
.sui-steps-round > div .wrap:after {
    display: table;
    content: "";
    line-height: 0;
}

.sui-steps-round > div .wrap:after {
    clear: both;
}

.sui-steps-round > div > label {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    line-height: 12px;
    height: 12px;
    margin-top: 6px;
    color: #3c8dbc;
    cursor: default;
    text-align: center;
    width: 50%;
    margin-left: -25%;
    position: relative;
    left: 15px;
}

.sui-steps-round > div:first-child > label {
    width: auto;
    max-width: 50%;
    margin-left: 0;
    left: 0;
}

.sui-steps-round > div:last-child,
.sui-steps-round > div.last {
    width: 30px !important;
}

.sui-steps-round > div:last-child > label,
.sui-steps-round > div.last > label {
    position: absolute;
    width: auto;
    margin-left: 0;
    left: auto;
    right: 0;
    max-width: none;
}

.sui-steps-round > div .round {
    width: 22px;
    height: 22px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #FFF;
    line-height: 22px;
    text-align: center;
    float: left;
    box-sizing: content-box !important;
}

.sui-steps-round > div .bar {
    margin: 10px 10px 0px 40px;
    width: 200px;
    height: 6px;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.sui-steps-round > .finished .round {
    border: 4px #3c8dbc solid;
    background-color: #3c8dbc;
    color: #ffffff;

}

.sui-steps-round > .finished .bar {
    background-color: #3c8dbc;
}

.sui-steps-round > .current .round {
    border: 4px #3c8dbc solid;
    background-color: #3c8dbc;
}

.sui-steps-round > .current .bar {
    background-color: #3c8dbc;
}

.sui-steps-round > .todo > label {
    color: #999999;
}

.sui-steps-round > .todo .round {
    border: 4px #d3d3d3 solid;
    background-color: #FFF;
    color: #999999;
}

.sui-steps-round > .todo .bar {
    background-color: #eeeeee;
}

.steps-round-auto {
    display: table;
    width: 100%;
    background: #fff;
    padding: 10px 20px;
}

.steps-round-auto > div {
    display: table-cell;
}

.steps-round-auto > div .bar {
    width: auto;
}

.steps-3 > div {
    width: 50%;
}

.steps-4 > div {
    width: 33%;
}

.steps-5 > div {
    width: 25%;
}

.steps-6 > div {
    width: 20%;
}

.steps-7 > div {
    width: 16%;
}

/*è¡¨æ ¼å…¼å®¹æ€§è°ƒæ•´*/
.cTable {
    width: 100%;
    margin-bottom: 20px;
    border-spacing: 0;
    border-collapse: collapse;
    background: #fff;
    word-wrap: break-word;
    word-break: break-all;
    /*max-width: 100%;*/
}

.cTable td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-bottom: 1px solid #f4f4f4;
    word-break: break-all;
    word-wrap: break-word;
    font-size: 14px;
}

.cTable .tTitle td {
    vertical-align: bottom;
    border-bottom: 2px solid #f4f4f4;
    font-weight: bold;
}

.cTable tr:first-child td {
    border-top: 0;
}

.cTable.bordered > tbody > tr > td {
    border: 1px solid #f4f4f4;
}

.reply {
    width: 100%;
    border: 1px solid #f4f4f4;
}

.reply td {
    border: 1px solid #f4f4f4;
}

.reply td.replyTitle {
    background: #f8f8f8;
    text-align: left;
}

/*è€ƒå‹¤*/
.kaoqin {
    width: 100%;
}

.kaoqin .btn {
    width: 10%;
    min-width: 100px;
    height: 80px;
    border-radius: 0;
    margin-bottom: -1px;
}

.kaoqin .btn:first-child {
    margin-left: -1px;
}

.kaoqin button span {
    position: absolute;
    top: 5px;
    right: 5px;
}

.kaoqin button span.seal {
    width: 32px;
    height: 32px;
    display: block;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top right;
}

.kaoqin button span.seal.sj {
    background-image: url(../img/shijia.png);
}

.kaoqin button span.seal.bj {
    background-image: url(../img/bingjia.png);
}

.kaoqin button span.seal.qq {
    background-image: url(../img/queqin.png);
}

.kaoqin button span.seal.wz {
    background-image: url(../img/unknow_blue.png);
}

.kaoqin button span.seal.wz.yellow {
    background-image: url(../img/unknow_yellow.png);
}

/*2016.4.7*/
.kaoqin button i {
    position: absolute;
    bottom: 2px;
    left: 2px;
    font-style: normal;
    border-radius: 10px;
    padding: 0 3px;
    font-size: 12px;
}

label.control-label {
    display: inline-block;
    vertical-align: middle;
    padding: 6px 10px 0 0px !important;
    text-align: right;
}

.w170 .form-control {
    width: 135px !important;
    padding-left: 5px;
    padding-right: 5px;
}

.w170 .form-inline .input-group .form-control {
    width: 95px !important;
}

.w170 label.control-label {
    width: 90px;
    padding-top: 0 !important;
}

span.input-group-addon {
    width: 40px !important;
}

.form-inline .form-group {
    margin-bottom: 10px;
}

.label-w-150 label.control-label {
    width: 150px;
}

/* Pricing */
/*Pricing table and price blocks*/
.pricing_table {
    line-height: 150%;
    margin: 0 auto;
    width: 100%;
    padding-top: 10px;
}

.pricing_table .footer {
    padding: 15px;
    background: #f4f4f4;
    border: 1px solid #ddd;
    border-top: none;
}

.price_block {
    text-align: center;
    color: #fff;
    float: left;
    list-style-type: none;
    transition: all 0.25s;
    position: relative;
    box-sizing: border-box;
    border-radius: 4px;
    margin-bottom: 10px;
    border-bottom: 1px solid transparent;
    /* padding-right: 0px; */

}

.price_block_static {
    text-align: center;
    color: #fff;
    float: left;
    list-style-type: none;
    transition: all 0.25s;
    position: relative;
    box-sizing: border-box;
    border-radius: 4px;
    margin-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
}

/*Price heads*/
.pricing_table h3 {
    text-transform: uppercase;
    padding: 5px 0;
    background: #555555;
    margin: 0;
}

/*Price tags*/
.price {
    display: table;
    background: #aaa;
    width: 100%;
    height: 70px;
}

.price_figure {
    font-size: 24px;
    text-transform: uppercase;
    vertical-align: middle;
    display: table-cell;
}

.price_number {
    font-weight: 600;
    display: block;
}

.price_tenure {
    font-size: 11px;
}

/*Features*/
.features {
    background: #fff;
    color: #555555;
    padding: 0;
}

.features li {
    padding: 8px 15px;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    font-size: 14px;
    list-style-type: none;
}

.price_block:hover {
    /* box-shadow: 0 0 0px 5px rgba(0, 0, 0, 0.5); */

    transform: scale(1.04) translateY(-5px);
    -webkit-transform: scale(1.04) translateY(-5px);
    z-index: 1;
    border-bottom: 0 none;
}

.price_block_static.active {
    -webkit-transform: scale(1.09) translateY(-5px);
    transform: scale(1.09) translateY(-5px);
    z-index: 1;
    border-bottom: 0 none;
    box-shadow: 0 0 0px 3px rgba(0, 0, 0, 0.3);
}

.price_block:hover .price.orange {
    background: #f39c12;
}

.price_block:hover .price.green {
    background: #00a65a;
}

.price_block:hover .price.blue {
    background: #3c8dbc;
}

.price_block:hover .price.purple {
    background: #605ca8;
}

.price_block_static.active .price {
    background: #d9534f;
}

.price_block:hover h3 {
    background: #3b3b3b;
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
    /* .price_block:nth-child(odd) {border-right: 5px solid transparent;} */
    .price_block:nth-child(3) {
        clear: both;
    }

    .price_block:nth-child(odd):hover {
        border: 0 none;
    }
}

@media only screen and (min-width: 768px) {
    /* .price_block {border-right: 5px solid transparent; border-bottom: 0 none;} */
    .price_block:last-child {
        border-right: 0 none;
    }

    .price_block:hover {
        border: 0 none;
    }
}

/*æ¬¢è¿Žé¡µ*/
.feed-activity {
    border-bottom: 1px dotted #D0D8E0;
    border-left: 1px dotted #FFFFFF;
    border-right: 1px dotted #FFFFFF;
    padding: 10px 4px;
    position: relative;
}

.feed-activity:hover {
    background-color: #F4F9FD;
}

.feed-activity .roundicon {
    border-radius: 100% 100% 100% 100%;
    color: #FFFFFF;
    display: inline-block;
    font-size: 18px;
    height: 38px;
    line-height: 38px;
    margin-left: 0;
    margin-right: 15px !important;
    text-align: center;
    text-shadow: none !important;
    width: 38px;
    padding: 0px;
}

.feed-activity .time {
    bottom: 8px;
    position: absolute;
    right: 12px;
}

.btnBg {
    background: #fafafa;
    padding: 10px 0 5px 0;
}

.box-widget2 {
    border: 1px solid #ddd;
    position: relative;
}

.bg-gray2 {
    background: #ecf0f5;
}

.inline-show {
    display: inline !important;
    margin: 0 10px !important;
    float: left;
}

.user-info {
}

.description.inline-show2 {
    margin-top: 3px !important;
    display: inline-block !important;
    margin-left: 0 !important;
}

.bg-gray3 {
    background: #f8f8f8 !important;
}

.products-list .product-img {
    margin-right: 10px
}

.search_form {
    background: #f8f8f8;
    padding: 20px 10px 10px 10px;
    margin: -20px 0 20px 0;
}

.search_form.bg-none {
    background: none;
    margin: -10px 0 20px 0;
}

.intro {
    margin: 20px 0;
}

.intro .label {
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin-left: 10px;
}

.kuan {
    width: 150px !important;
}

.title_h4 {
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 15px 0;
}

label.control-label.padT0 {
    padding-top: 0 !important;
}

.no_float {
    float: none;
}

.message a {
    font-size: 15px;
    display: inline-block;
    padding-bottom: 5px;
}

.grayFon {
    color: #888;
    font-size: 13px;
}

.chat.no_float .item {
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
}

.chat.no_float.zuoye .item {
    min-height: 80px;
}

.chat.no_float .item > img {
    width: 60px;
    height: 60px;
}

.chat .item > .online {
    display: block;
    text-align: center;
}

.chat.no_float.zuoye .item > .icon_time {
    margin-left: 75px;
}

.chat.no_float .item > .message {
    margin-left: 75px;
    margin-top: -60px;
}

.chat.no_float .item.hasname > .message {
    margin-left: 75px;
    margin-top: -85px;
}

.chat.no_float .item.hasname {
    min-height: 90px;
}

.chat.no_float .item.hasname:last-child {
    border: none;
}

.chat.no_float.zuoye .item .message {
    margin-right: 300px;
    line-height: 24px;
}

.margin-btn {
    margin: -5px 0 10px 75px;
}

/*èµ„æºé¦–é¡µ*/
.skin-blue .sidebar-menu.res_home > li:hover > a, .skin-blue .sidebar-menu.res_home > li.active > a {
    color: #555;
    background: #f8f8f8;
}

.products-list .product-img {
    margin-right: 8px;
}

.link-block {
    display: block;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
}

.no-padding-left {
    padding-left: 0;
}

.width_bfb {
    width: 28%;
}

.nav-stacked > li > a {
    padding: 10px 10px 10px 7px;
    display: block;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.nav-stacked > li > a:hover {
    background: none;
    color: #3C8DBC;
}

.box.box-solid > .box-header .btn:hover, .box.box-solid > .box-header a:hover {
    background: none;
}

.h415 {
    height: 415px;
    overflow: hidden;
}

/*æ´»åŠ¨*/
span.jindu {
    display: block;
    position: absolute;
    top: 15px;
    left: 15px;
    width: 59px;
    height: 24px;
    line-height: 22px;
    color: #fff;
    font-size: 14px;
    text-indent: 5px;
}

span.jindu.ing {
    background-image: url(../img/ing.png);
}

span.jindu.over {
    background-image: url(../img/over.png);
}

span.jindu.no_start {
    background-image: url(../img/no_start.png);
}

span.jindu.no_pub {
    background-image: url(../img/no_pub.png);
}

/*ä½œä¸šå±•*/
.users-list.small-tx > li img {
    width: 70px;
    height: 70px;
}

.users-list.small-tx > li {
    width: 90px;
}

.chat .item .photo_zy {
    width: 60px;
    height: 60px;
    display: block;
}

.chat .item .photo_zy img {
    width: 60px;
    height: 60px;
    border: 2px solid transparent;
    border-radius: 50%
}

.chat .item .photo_zy .online {
    border: 2px solid #00a65a;
    display: block;
}

.chat .item .photo_zy a {
    font-size: 13px;
    display: block;
    text-align: center;
    padding-top: 5px;
    height: 24px;
    overflow: hidden;
}

/*éŸ³é¢‘æ’­æ”¾*/
.voice {
    clear: both;
}

.mediaBox {
    cursor: pointer;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border-radius: 8px;
    padding: 6px;
    border: 1px solid;
    border-color: #ddd;
    background-color: #fff;
    margin: 5px 0 10px 0;
    vertical-align: middle;
}

.mediaBox:hover {
    border-color: #bbb;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 -1px 1px rgba(255, 255, 255, 0.1), inset 0 1px 1px rgba(255, 255, 255, 0.2);
}

.mediaBox .mediaContent {
    float: left
}

.mediaBox .iconArrow {
    display: block;
    position: absolute;
    top: 8px;
    left: -7px
}

.wxAudioPlaying .audioTxt {
    display: none
}

.wxAudioPlaying .iconAudio {
    display: block
}

.iconAudio {
    background: transparent url(../img/ico_audio_black.gif) no-repeat 0 0;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-block
}

.audioBox .mediaContent {
    position: relative;
    height: 18px;
    line-height: 18px
}

.audioBox .mediaContent.big {
    height: 21px;
    line-height: 21px;
}

.mediaContent {
    float: left
}

.audioBox .iconAudio {
    position: absolute;
    top: 0;
}

.wxAudioPlaying .audioTxt {
    display: none
}

.wxAudioPlaying .iconAudio {
    display: block
}

.audioBox {
    position: relative
}

.audioBox .mediaContent {
    position: relative;
    height: 18px;
    line-height: 18px;
    padding-right: 50px;
}

.audioBox .mediaContent.big {
    height: 21px;
    line-height: 21px;
}

.audioBox b {
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 700;
    color: #555
}

.audioBox .audioTxt {
    color: #555;
    line-height: 17px;
    cursor: pointer;
    margin-left: 5px;
}

.audioBox .iconAudio {
    position: absolute;
    top: 0;
    display: none
}

span.help {
    margin-right: 20px;
    margin-top: -3px;
    vertical-align: middle;
    display: inline-block;
}

.images-con {
    margin: 20px;
}

/*å¸®åŠ©å¼¹å‡ºå±‚*/
.sideFix {
    width: 0px;
    padding-right: 1440px;
    margin: 0px auto;

}

#sideFix {
    top: 76px;
    position: fixed;
    z-index: 999;
    width: 220px;
    text-align: left;
}

.float-nav {
    width: 220px;
    z-index: 999;
    background: #fff;
    border-radius: 5px 0 0 5px;
}

.float-nav ul {
    line-height: 35px;
    margin: 10px 0;
}

.float-nav li {
    height: 35px;
    overflow: hidden;
    padding: 0 10px;
}

.float-nav li.sel {
    background: #ecf0f5;
}

.float-nav li a {
    display: block;
    color: #666;
}

.float-nav li.sel a {
    color: #337AB7;
}

.maodian > .fa {
    font-size: 22px !important;
    font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
}

.font13 {
    font-size: 13px;
}

.bg-blue2 {
    border: 1px solid #ddd;
    background: #fffeef !important;
    margin: 0 10px 5px 0;
    padding: 10px 15px !important;
    float: left;
    width: 49%;
}

.pl-con {
    margin: 20px 0;
}

.nav-tabs {
    border-bottom: none;
}

/*æ´»åŠ¨-è¾¨è®ºèŠ‚ç‚¹*/
.border-t-b {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}

.border-t {
    border-top: 1px solid #eee;
}

.vs {
    display: block;
    position: absolute;
    right: -60px;
    top: 18%;
    z-index: 99;
}

.piaos {
    display: block;
    text-align: center;
}

.direct-chat-messages {
    height: auto;
}

.bg-blue-light {
    background: #effcff;
    border-color: #00a7d0;
}

.bg-blue-light::after, .bg-blue-light::before {
    border-color: transparent #00a7d0 transparent transparent;
}

.bg-yellow-light {
    background: #fff8ed !important;
    border-color: #f39c12 !important;
    color: #555 !important;
}

.direct-chat-msg {
    margin-bottom: 20px
}

span.jh_tie {
    background: url(../img/good.png) no-repeat;
    width: 41px;
    height: 41px;
    position: absolute;
    top: -30px;
    left: 10px;
}

.bg-yellow-light span.jh_tie {
    left: 95%;
}

.products-list .margin-left-40 .product-title {
    height: 26px;
    display: block;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*æ´»åŠ¨-é—®å·è°ƒæŸ¥*/
.ask-body {
    margin: 20px;
    border-bottom: 1px solid #e0e0e0;
    padding: 5px 0;
}

.ask-body:last-child {
    border: none;
}

.ask-bt, .pinglun.bg-none h5 {
    height: 35px;
    line-height: 35px;
    font-weight: 600;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ask-body ul {
    line-height: 28px;
    margin-left: 20px;
}

.w380 {
    width: 380px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}

.ask-result {
    margin: 0 20px;
}

h4.bt2 {
    margin-left: -50px;
    margin-right: -50px;
    text-indent: 10px;
    padding-right: 10px;
    border-bottom: 1px solid #f4f4f4;
    height: 40px;
    line-height: 40px;
}

.products-list.huodong {
    margin: 0 -20px 30px -10px;
}

.products-list.huodong .item {
    box-shadow: none;
    border-bottom: 1px solid #f4f4f4;
}

.circle_img {
    border-radius: 50%;
}

/*å®¢æˆ·ç«¯ä¸‹è½½*/
.app_part1 {
    margin: 50px auto 0 auto;
    overflow: hidden;
    width: 900px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 50px;
}

.app_part1:last-child {
    border: none;
}

.pic_iphone {
    border: medium none;
    display: block;
    float: left;
    height: 86px;
    margin-right: 30px;
    margin-top: 20px;
    width: 86px;
}

.app_font {
    float: left;
}

.app_font h1 {
    color: #252525;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
}

.app_font p {
    color: #808080;
    font-size: 12px;
    line-height: 22px;
}

.app_font .zi_red {
    color: #f15f26;
}

.app_font h1.app_texing {
    color: #252525;
    font-size: 14px;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    margin-top: 20px;
}

.app_erweima {
    float: right;
    text-align: center;
    width: 140px;
    margin-top: 28px;
}

.app_erweima img {
    margin-bottom: 5px;
}

.app_line {
    background-color: #e6e5e5;
    height: 1px;
    margin: 40px auto;
    width: 1010px;
}

/*å®‰å…¨åŸºæœ¬æƒ…å†µ*/
.form-control.safe-qk {
    vertical-align: middle;
    display: inline-block;
    margin: 0 5px;
    padding: 0 5px;
    border: none;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
}

.bg-light-blue2 {
    background: #f8f8f8;
}

/*æ¶ˆæ¯æé†’*/
.alert {
    padding: 10px 15px 8px 15px;
    font-size: 13px;
    margin-bottom: 10px;
}

.alert a {
    color: #3c8dbc;
}

.alert-success {
    background-color: #dff0d8 !important;
    border-color: #cfe7bc !important;
    color: #3c763d !important;
}

.yellow-skin {
    border: 1px solid #cfe7bc;
    background: #f8fff5;
    color: #3c763d;
    padding: 0;
}

.yellow-skin .popover-title {
    background: #d6eccd;
    border-bottom-color: #cfe7bc;
}

.popover.left > .arrow::after {
    border-left-color: #f8fff5;
}

.popover.left > .arrow {
    border-left-color: #cfe7bc;
}

.alert-warning {
    background-color: #fcf8e3 !important;
    border-color: #f2dfb7 !important;
    color: #8a6d3b !important;
}

.alert .close1 {
    color: #000;
    opacity: .2;
    filter: alpha(opacity=20)
}

.close1 {
    background-image: url("../img/remove-icon-small.png") !important;
    background-repeat: no-repeat !important;
    display: inline-block;
    height: 9px;
    margin-right: 0;
    margin-top: 0;
    outline: medium none;
    text-indent: -10000px;
    width: 9px;
    border: none;
    float: right;
}

.alert-dismissable .close1, .alert-dismissible .close1 {
    right: -5px;
}

.alert .close1:hover {
    opacity: .5;
    filter: alpha(opacity=50)
}

/*ä¸Šä¼ å›¾åƒ*/
.red.btn {
    background-color: #cb5a5e;
    color: #ffffff;
}

.red.btn:hover, .red.btn:focus, .red.btn:active, .red.btn.active {
    background-color: #c23f44;
    color: #ffffff;
}

/*æ”¶ä»¶ç®±*/
.message-right-con {
    margin: -60px 0 0 80px;
}

a.name {
    display: block;
}

a.name.dis-inline {
    display: inline-block;
    margin-right: 10px;
}

.chat.no_float .isotope-item {
    border: none;
}

.text-gray2 {
    color: #afb3bc;
}

.intro2 {
    display: block;
}

.switch {
    display: block;
    height: 40px;
    text-align: right;
    margin-top: 0;
    margin-bottom: -20px;
    margin-right: 5px;
    z-index: 99;
    position: relative;
}

a.down_arr {
    background: url(../img/hide_show.png) no-repeat 0 0;
    width: 70px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
}

a.down_arr:hover {
    background-position: 0 -16px;
}

a.up_arr {
    background: url(../img/hide_show.png) no-repeat 0 -32px;
    width: 70px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
}

a.up_arr:hover {
    background-position: 0 -48px;
}

.no-data {
    background: url(../img/no-data.png) no-repeat;
    width: 52px;
    height: 45px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

/*.guangbo tr:nth-child(6n+5),.guangbo tr:nth-child(6n+6),.guangbo tr:nth-child(6n+7){background:#f4f4f4;}*/

/*èµ„æºæ’­æ”¾*/
.player_con {
    clear: both;
    margin: -10px 0 10px 0;
}

span.sorry {
    color: #efefef;
    height: 520px;
    line-height: 520px;
    display: block;
    font-size: 16px;
    text-align: center;
}

h1.bt_play {
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    color: #333;
    display: block;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
}

h1.bt2_play {
    background: #29c21e;
    color: #fff;
    height: 40px;
    line-height: 40px;
    font-size: 21px;
    display: block;
    text-align: center;
}

.grayFon2 {
    color: #888;
}

.zan-con {
    background: #f8f8f8;
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
}

h1.bt9 {
    line-height: 40px;
    border-bottom: 1px solid #efefef;
}

h1.bt9.nobor {
    border: none;
    line-height: 20px;
    margin-top: 0;
}

font.greenBg {
    display: inline-block;
    color: #333;
    font-size: 18px;
    padding: 0 5px;
    text-align: center;
    margin-right: 5px;
    font-weight: 400;
}

.intro ul {
    line-height: 24px;
    font-size: 14px;
    margin: 10px 20px 30px 20px;
    color: #666;
}

.other-img {
    margin-top: 10px;
    display: block;
}

.other-img a {
    border: 2px solid transparent;
    width: 47%;
    float: left;
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 0;
    margin-left: 10px;
}

.other-img a:hover {
    box-shadow: 0 1px 8px rgba(0, 0, 0, .3)
}

.other-img a.sel-img {
    border-color: #f60;
}

.other-img a span {
    display: block;
    height: 23px;
    overflow: hidden;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.other-img a img {
    width: 100%;
    height: 150px;
}

.rank-play h1 {
    height: 38px;
    line-height: 38px;
    border-top: 2px solid #29c21e;
    background: #f4f4f4;
    display: block;
    text-align: center;
    font-size: 16px;
    color: #29c21e;
}

.rank-play ul {
    line-height: 35px;
    margin: 0 10px;
}

.rank-play ul li {
    height: 35px;
    overflow: hidden;
}

.rank-play ul li span {
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 10px;
    font-size: 13px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
}

.rank-play.file ul {
    line-height: 40px;
}

.rank-play.file li {
    height: 40px;
}

.rank-play ul li i {
    vertical-align: middle;
}

span.num_lv {
    background-color: #dd4b39;
}

span.num_hui {
    background-color: #bbb;
}

.intro_txt {
    text-indent: 2em;
    display: block;
}

.no-padding-l-r {
    padding-left: 0;
    padding-right: 0;
}

.doc {
    width: 100%;
    height: 520px;
}

.products-list .item.sel-item, .rank-play ul li.sel-2 {
    background: #fff8ed;
}

.products-list .item.sel-item a, .rank-play ul li.sel-2 a, .rank-play ul li.sel-2 i {
    color: #dd4b39 !important;
}

/*ç¿»é¡µè°ƒæ•´*/
.pagination-sm span.pNum, .pagination-sm span.pGo {
    font-size: 12px;
}

.pagination-sm span.pGo {
    padding-top: 3px;
}

.pagination-sm span.pGo input {
    vertical-align: middle;
}

.mailbox-attachments li {
    height: 200px;
    overflow: hidden;
}

.mailbox-attachment-name {
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    height: 24px;
    line-height: 24px;
    margin-bottom: 5px;
}

/*é¦–é¡µ*/
.rank {
    font-size: 15px;
    color: #555;
}

.tongzi .box-title a {
    display: block;
    height: 20px;
    line-height: 16px;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tongzi .box-title {
    display: block !important;
}

span.text {
    display: block !important;
}

.todo-list > li {
    background: #fff;
    border-left: none;
    border-bottom: 1px solid #f4f4f4;
}

.todo-list > li .text {
    font-weight: normal;
}

/*å¤´éƒ¨logoè°ƒæ•´*/
.main-header-qk2 {
    width: 100%;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    position: relative;
    z-index: 99999;
}

.main-header-qk2 .logo-lg img {
    padding: 3px 0;
}

.down_client {
    float: right;
    margin: 25px 25px 0 0;
}

/*éšæ‚£*/
.attachment-block {
    padding: 5px 15px;
}

.attachment-heading {
    height: 30px;
    line-height: 30px;
}

.attachment-text {
    line-height: 24px;
}

.btn-yh {
    margin: 0;
}

.box-con {
    padding: 10px;
}

h4.tit5 {
    border-bottom: 1px solid #eee;
    height: 40px;
    line-height: 40px;
}

.add2 {
    color: #555;
    display: block;
    margin-bottom: 15px;
}

.fujian {
    margin: 5px 0 0 10px;
}

/*éšæ‚£å›¾æ ‡*/
.process_ing, .wait_confim, .processed, .wait_rectification, .reported, .wait_process {
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.process_ing {
    background-image: url(../img/yh/process_ing.png) !important;
}

.wait_confim {
    background-image: url(../img/yh/wait_confim.png) !important;
}

.processed {
    background-image: url(../img/yh/processed.png) !important;
}

.wait_rectification {
    background-image: url(../img/yh/wait_process.png) !important;
}

.reported {
    background-image: url(../img/yh/reported.png) !important;
}

.wait_process {
    background-image: url(../img/yh/wait_process2.png) !important;
}

/*ç”»å»Š*/
.galley {
    display: block;
    margin-bottom: 5px;
}

.galley li {
    float: left;
    margin: 0 10px 10px 0;
    max-height: 100px;
}

.img-responsive.manage {
    height: 100px;
    width: auto;
    border-radius: 0;
}

.img-rounded {
    border-radius: 0;
}

/*åŠŸèƒ½æ¡åˆ†ç»„*/
.v-line {
    width: 5px;
    border-right: 1px solid #ddd;
    height: 34px;
    display: inline-block;
    float: left;
    margin: 0 4px 0 5px;
    box-shadow: 1px 0 0 rgba(255, 255, 255, 1);
    margin-bottom: 5px;
}

.btn-toolbar {
    margin: 0;
}

.btn-toolbar a {
    height: 34px;
}

#btn-con {
    min-height: 56px;
    display: block;
}

/*ç®¡ç†å‘˜é¦–é¡µ by xiaowei*/
.slogon h1 {
    width: 100%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 42px;
    font-weight: 300;
    color: #3c8dbd;
    margin-top: 50px;
}

.slogon p {
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    color: #b9bfc6;
    margin: 0;
}

.quick-entrance {
    padding: 5px 10%;
}

.pad-20-40 {
    padding: 20px 40px;
    text-align: center;
}

.small-entrance {
    border-radius: 2px;
    width: 100%;
    max-width: 312px;
    min-width: 234px;
    display: inline-block;
    cursor: pointer;
}

.small-entrance .inner {
    width: 100%;
    height: 120px;
    text-align: center;
    line-height: 120px;
}

.small-entrance .inner img {
    transition: all 0.3s linear 0s;
    width: 90px;
    height: 90px;
}

.small-entrance:hover .inner img {
    transform: scale(1.1);
}

.small-entrance-name {
    display: inline-block;
    width: 100%;
    height: 46px;
    text-align: center;
    line-height: 46px;
    font-size: 24px;
    background: #ffffff;
    font-weight: 300;
}

.bg-yellow .small-entrance-name {
    color: #f39d12;
    border: 1px solid #f39d12;
}

.bg-purple .small-entrance-name {
    color: #605ca9;
    border: 1px solid #605ca9;
}

.bg-aqua .small-entrance-name {
    color: #00c1ef;
    border: 1px solid #00c1ef;
}

.bg-green .small-entrance-name {
    color: #00a75a;
    border: 1px solid #00a75a;
}

.bg-red .small-entrance-name {
    color: #dd4a38;
    border: 1px solid #dd4a38;
}

.bg-orange .small-entrance-name {
    color: #f88528;
    border: 1px solid #f88528;
}

/*é—´è·ã€è¾¹è·è°ƒæ•´*/
.margin-left-40 {
    margin-left: 45px !important;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-left-20 {
    margin-left: 20px;
    margin-top: -20px;
    margin-bottom: 5px
}

.margin-right-15 {
    margin-right: 8px;
}

.margin-40 {
    margin: 20px 40px;
}

.margin-20 {
    margin: 20px;
}

.margin-top-0 {
    margin-top: 10px;
}

.margin-l-10 {
    margin-left: 10px;
}

.margin-bottom-0 {
    margin-bottom: 0;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-top-10 {
    margin-top: 5px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-left-0 {
    margin-left: 0 !important;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-left-100 {
    margin-left: 95px;
}

.margin10 {
    margin: 13px 10px 0 10px;
}

.margin-l-r-20 {
    margin: 0 20px;
}

.margin-top-fu5 {
    margin-top: -6px;
}

.margin-top-fu10 {
    margin-top: -10px;
}

.margin-left-fu10 {
    margin-left: -10px;
}

.margin-left-5 {
    margin-left: 5px !important;
}

.margin-t-b-10 {
    margin: 10px 0;
}

.padding10 {
    padding: 10px;
}

.padding15 {
    padding: 15px 15px 5px 15px;
}

.padding30 {
    padding: 20px;
    color: #666;
    text-align: center;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.padding-top-5 {
    padding-top: 5px;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-top-35 {
    padding-top: 35px;
}

.padding-left-10 {
    padding-left: 10px !important;
}

.padding-left-20 {
    padding-left: 20px;
}

.no-space {
    margin: 0 !important;
    padding: 0 !important;
}

/*æ˜¾ç¤ºéšè—å·¦èœå•*/
#menu-toggle {
    background: #222d32;
    width: 12px;
    height: 100px;
    position: absolute;
    top: 45%;
    right: -12px;
    line-height: 100px;
    text-align: center;
    display: block;
    border-radius: 0 3px 3px 0;
    opacity: .65;
    filter: alpha(opacity=65);
    z-index: 3;
}

#menu-toggle a {
    color: #fff;
    font-size: 1.2em;
    display: block;
    background: #222d32;
    border-radius: 0 3px 3px 0;
}

#menu-toggle a:hover {
    background: #2e3c42;
}

/*ä¸»èœå•åŠŸèƒ½åˆ†ç»„(åŠ ä¸‹åˆ’çº¿)*/
body.skin-blue .menu-bline, body.skin-black .menu-bline, body.skin-red .menu-bline, body.skin-yellow .menu-bline, body.skin-purple .menu-bline, body.skin-green .menu-bline {
    display: block;
    border-bottom: 1px solid #223036;
    box-shadow: 0 1px 0 #2f4249;
    height: 5px;
    margin: 0 5px 3px 0;
}

body.skin-blue-light .menu-bline, body.skin-black-light .menu-bline, body.skin-red-light .menu-bline, body.skin-yellow-light .menu-bline, body.skin-purple-light .menu-bline, body.skin-green-light .menu-bline {
    display: block;
    border-bottom: 1px solid #e1e1e1;
    box-shadow: 0 1px 0 #fafafa;
    height: 5px;
    margin: 0 5px 3px 0;
}

/*è¿”å›žé¡¶éƒ¨*/
a.goTop {
    background: url(../img/goTop.png) no-repeat 0 0;
    width: 32px;
    height: 32px;
    display: block;
    margin: -6px -7px 0 0;
}

a.goTop:hover {
    background-position: 0 -32px;
}

.select2-container-multi.inline-qk1 {
    display: block;
}

.select2-container-multi.inline-qk2 {
    display: block;
    margin: -31px 0px 0px 90px;
}

@media screen and (max-width: 979px) {
    .select2-container-multi.inline-qk2 {
        display: block;
        margin: 10px 0 0 0;
    }

    .select2-container-multi.inline-qk1 {
        margin: -16px 0px 0px 63px;
    }
}

@media only screen and (max-width: 767px) {
    #menu-toggle {
        display: none;
    }

    .select2-container-multi.inline-qk1 {
        margin: 0;
    }
}

@media only screen and (max-width: 567px) {
    .w170 .form-control {
        width: 100% !important;
    }

    label.control-label {
        text-align: left;
    }
}

/*æ´»åŠ¨-åˆ›å»ºæ´»åŠ¨*/
.limit-con li {
    display: block;
    clear: both;
    line-height: 30px;
}

.limit-con li span {
    display: none;
}

.limit-con li label {
    font-weight: normal;
    width: 190px;
    float: left;
}

.diaoca-body {
    background: #fafafa;
    padding: 10px 15px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.upload_btn {
    display: block;
    text-align: center;
    margin-bottom: 20px;
}

.bianhao {
    font-size: 13px;
    font-weight: normal;
    padding-left: 10px;
    color: #888;
}

.tp-result {
    display: none;
}

.juan_name {
    display: block;
    font-size: 15px;
    padding: 15px 0 10px 0;
}

.view-history {
    padding: 0 0 5px 20px;
    display: block;
}

/*ä¼ä¸šå¹³é¢å›¾å¼¹å±‚*/
.map-sidebar {
    background-color: #f4f4f4;
    min-height: 100%;
    width: 220px;
    left: 0;
    top: 0;
    position: absolute;
    transition: width 200ms linear;
}

.map-sidebar-menu {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding-top: 10px;
}

.map-sidebar-menu.asi-hidden {
    display: none;
}

.map-sidebar-menu p {
    width: 100%;
    height: 44px;
    line-height: 44px;
    padding: 0 15px 0 20px;
    color: #333333;
    margin: 0;
    overflow: hidden;
}

.map-sidebar-menu p a, .map-sidebar-menu p a:link, .map-sidebar-menu p a:visited {
    display: block;
    float: right;
    width: 24px;
    height: 24px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    line-height: 24px;
    margin-top: 10px;
}

.map-sidebar-menu p a:hover, .map-sidebar-menu p a:active {
    box-shadow: #cccccc 2px 2px 2px inset;
    background-color: #efefef;
}

.fa-eye-slash {
    color: #cccccc;
}

#sidebar-menu-toggle {
    width: 12px;
    height: 100px;
    position: absolute;
    top: 50%;
    right: -12px;
    line-height: 100px;
    text-align: center;
    display: block;
    border-radius: 0 3px 3px 0;
    z-index: 99;
    margin-top: -50px;
}

#sidebar-menu-toggle a {
    color: #fff;
    font-size: 1.2em;
    display: block;
    background: #222d32;
    opacity: 0.25;
    filter: alpha(opacity=25);
    border-radius: 0 3px 3px 0;
}

#sidebar-menu-toggle a:hover {
    opacity: 0.15;
    filter: alpha(opacity=15);
}

.map-content {
    background: #ffffff;
    margin-left: 220px;
    position: relative;
}

.mapArea {
    width: 100%;
    height: 520px;
    overflow: auto;
    background: #ffffff;
}

.mapshow {
    position: relative;
    background: url(../img/map/example-map.png) no-repeat center;
}

.mapshow p {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    vertical-align: middle;
    cursor: pointer;
}

.mapshow p span {
    display: inline-block;
    padding: 2px 4px;
    background: #f4f4f4;
    border-radius: 3px;
    margin-left: 2px;
    vertical-align: middle;
    max-width: 100px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: none;
}

.mapshow p i {
    display: inline-block;
    width: 24px;
    height: 36px;
    vertical-align: middle;
}

.mapshow p:hover i {
    transform: scale(1.1);
    transform-origin: 50% bottom;
}

.mapshow p:hover span {
    display: inline-block;
}

.mapshow p i.sta-normal {
    background: url(../img/map/mapMark-normal1.png) 0 0 no-repeat;
    background-size: 281px 36px;
}

.mapshow p i.sta-unNormal {
    background: url(../img/map/mapMark-unNormal1.png) 0 0 no-repeat;
    background-size: 281px 36px;
}

.mapshow p i.sta-danger {
    background: url(../img/map/mapMark-danger1.png) 0 0 no-repeat;
    background-size: 281px 36px;
}

.mapshow p i.sta-normal.pm, .mapshow p i.sta-unNormal.pm, .mapshow p i.sta-danger.pm {
    background-position: 0 0;
}

.mapshow p i.sta-normal.sx, .mapshow p i.sta-unNormal.sx, .mapshow p i.sta-danger.sx {
    background-position: -63px 0;
}

.mapshow p i.sta-normal.gb, .mapshow p i.sta-unNormal.gb, .mapshow p i.sta-danger.gb {
    background-position: -128px 0;
}

.mapshow p i.sta-normal.xj, .mapshow p i.sta-unNormal.xj, .mapshow p i.sta-danger.xj {
    background-position: -193px 0;
}

.mapshow p i.sta-normal.wx, .mapshow p i.sta-unNormal.wx, .mapshow p i.sta-danger.wx {
    background-position: -258px 0;
}

.border-left {
    border-left: 1px solid #f4f4f4;
}

.mapMark-dem {
    height: 36px;
    position: absolute;
    bottom: 16px;
    left: 10px;
    z-index: 99;
    background: rgba(255, 255, 255, 0.8);
    padding: 0 20px;
    line-height: 44px;
}

.mapMark-dem > p > span {
    display: inline-block;
    padding-left: 26px;
    margin: 0 15px;
    background: url(../img/map/mark-color.png) no-repeat;
}

.mapMark-dem > p > span:nth-child(2) {
    background-position: -78px 0;
}

.mapMark-dem > p > span:last-child {
    background-position: -155px 0;
}

.help-max {
    width: 36px;
    height: 72px;
    box-shadow: 0px 0px 3px #999;
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 99;
}

.help-max a {
    display: inline-block;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    font-size: 18px;
    color: #ffffff;
}

.help-max a:first-child {
    border-radius: 3px 3px 0 0;
}

.help-max a:first-child:hover ~ .helpPanel {
    display: block;
}

.help-max a:nth-child(2) {
    border-radius: 0 0 3px 3px;
    border-top: 1px solid #367fa9;
}

.helpPanel {
    display: none;
    position: absolute;
    bottom: 0;
    right: 60px;
    z-index: 99;
}

.helpText {
    width: 240px;
    padding: 10px 10px 0 10px;
    background: #f4f4f4;
    border-radius: 3px;
    border: 1px solid #dddddd;
}

.helpTriangle {
    position: absolute;
    width: 12px;
    height: 24px;
    background: url(../img/map/helpPanel.png) no-repeat;
    right: -11px;
    bottom: 50px;
}

/**************************/
.pie-pos {
    display: block;
    float: left;
    padding: 20px 0 30px;
    border-left: 1px solid #efefef;
}

.pie-pos:first-child {
    border-left: none;
}

.pie-pos p {
    padding: 10px 20px 0 20px;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    margin: 0;
    font-size: 16px;
}

.pie-pos p a {
    display: inline-block;
    width: 100%;
}

.border-bottom {
    border-bottom: 1px solid #efefef;
}

.pr {
    position: relative;
}

.chart-title {
    float: left;
    padding: 5px 0 15px;
    margin: 0;
    font-size: 18px;
}

.selectbox {
    float: right;
    padding: 5px 20px 15px;
    margin: 0;
    font-size: 16px;
    position: relative;
}

.selectbox > a, .selectbox > a:link, .selectbox > a:visited {
    color: #444444;
}

.selectbox > a:hover, .selectbox > a:active {
    color: #999999;
}

.dateSelect-menu {
    display: none;
    position: absolute;
    top: 42px;
    right: 0px;
    width: 145px;
    border: 1px solid #eeeeee;
    background: #ffffff;
    z-index: 99;
    padding: 10px;
    box-shadow: 0px 2px 4px #eeeeee;
    text-align: center;
}

.dateSelect-menu label {
    font-size: 14px;
    display: inline-block;
    font-weight: normal;
    vertical-align: middle;
}

.pie-pos p a:hover, .pie-pos p a:active {
    color: #3c8dbc;
}

.pie-legend > p {
    display: inline-block;
    width: 110px;
    text-align: left;
    padding: 0;
    overflow: hidden;
    margin-left: 34px;
}

.pie-legend > p > a {
    font-size: 13px;
    vertical-align: middle;
}

.pie-legend .label {
    display: inline-block;
    width: 12px;
    height: 12px;
    padding: 0;
}

.pie-legend a:hover .bg-green {
    background-color: #61c497 !important;
}

.pie-legend a:hover .bg-red {
    background-color: #ee7263 !important;
}

/***********************/
.conLeft {
    float: left;
    width: 25%;
    padding: 8px 0;
    height: 544px;
    background: #f4f4f4;
}

.conRight {
    float: left;
    padding-left: 90px;
    width: 75%;
    height: 544px;
    overflow: hidden;
}

.conRight .Rbody {
    height: 544px;
    overflow-y: auto;
}

.section li {
    height: 33px;
    line-height: 33px;
}

.section li a.topLink {
    display: block;
    width: 100%;
    padding: 0 20px;
}

.section li.cur .topLink {
    color: #333333;
    cursor: default;
    background: #ffffff;
}

.maodian dt {
    width: 100%;
    height: 44px;
    line-height: 44px;
    text-align: center;
    margin-left: -20px;
}

.tit3 {
    font-weight: bold;
    font-size: 16px !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

.grayFon3 {
    color: #666;
}

.hd_status {
    line-height: 25px;
}

.hd_status li {
    display: inline-block;
    width: 280px;
    height: 25px;
    overflow: hidden;
}

.hd_status li strong {
    color: #333;
}

.cTable.guangbo td {
    border-color: #ddd;
}

.cTable.guangbo tr:nth-child(2n) td {
    padding-top: 18px;
    vertical-align: text-top;
}

.welcome {
    width: 100%;
    height: 100%;
    min-height: 483px;
    display: table;
}

.welcome span {
    display: table-cell;
    vertical-align: middle;
}

.welcome img {
    margin: 0 auto;
}

.btn-box2 {
    display: block;
    text-align: center;
    margin-bottom: 20px;
}

.node1 {
    border-top: 1px solid #eee;
    padding-top: 30px;
    margin-bottom: 30px;
}

.node1:first-child {
    border: none;
}

.margin-b-20 {
    margin-bottom: 20px;
}

/*2017.4.25*/
.info_pub {
    display: block;
    color: #999;
    padding: 0 5px 5px 5px;
    text-align: center;
}

.padding-515 {
    padding: 5px 15px 10px 15px;
}

.charts {
    width: 100%;
    height: 150px;
    font-size: 100%;
    margin: 20px 0;
}

.fontGray2 {
    color: #888;
    display: block;
    text-align: center;
    margin-top: -80px;
    font-size: 18px;
    padding-bottom: 50px;
}

.count {
    margin: 10px 0;
    display: block;
    text-align: center;
    font-size: 15px;
    color: #555;
}

.chart-title2 {
    text-align: center;
    display: block;
    font-size: 22px;
    padding-bottom: 5px;
}

.rank_list li {
    border-bottom: 1px solid #eee;
    font-size: 16px;
}

.rank_list li:last-child {
    border: none;
}

.rank_list li a {
    display: block;
    padding: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.rank_list li span {
    float: right;
    color: #333;
    text-align: center;
    width: 10%;
}

.rank_list li font {
    font-size: 14px;
    color: #999;
    display: block;
    margin: 5px 0 0 36px;
}

.num {
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    font-size: 16px;
    color: #333;
    vertical-align: middle;
}

.num.top3 {
    background: #dd4b39;
    color: #fff;
    border-radius: 50%;
}

.jb {
    display: inline-block;
    font-size: 14px;
    text-align: center;
    padding: 2px 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #fff;
    color: #333;
    text-align: center;
    margin-top: 5px;
}

.jb.jb_green {
    color: #50b811;
    border-color: #50b811;
}

.jb.jb_red {
    color: #ff4e4a;
    border-color: #ff4e4a;
}

.jb.jb_blue {
    color: #3ba2ff;
    border-color: #3ba2ff;
}

.jb.jb_yellow {
    color: #ff9400;
    border-color: #ff9400;
}

/*è®¿å®¢æœº*/
.noFkj {
    text-align: center;
    display: block;
    padding: 50px 0;
}

.tit_fk {
    font-size: 23px;
    display: block;
    padding: 30px 0 10px 0;
    text-align: center;
}

.font16 {
    font-size: 16px;
    display: block;
    text-align: center;
    padding: 10px 0 25px 0;
}

.noFkj img {
    display: block;
    margin: 0 auto;
}

.btn_fk a {
    padding-left: 50px;
    padding-right: 50px;
}

/*2017.5.12*/
.num2 {
    font-size: 30px;
    color: #50b811;
    display: inline-block;
    padding: 0 .2rem;
}

.zhang {
    width: 150px;
    height: 150px;
    display: block;
    margin: 0 auto;
}

.zhang.hg {
    background: url(../img/xunjian/exam_icon_qualified.png) no-repeat;
    background-size: contain;
}

.zhang.bhg {
    background: url(../img/xunjian/ic_jiancha_unqualified.png) no-repeat;
    background-size: contain;
}

.inspection_list {
    padding: 20px;
    border-bottom: 1px solid #eee;
}

.inspection_list:last-child {
    border: none;
}

.bt2 {
    font-size: 20px;
    height: 25px;
    line-height: 25px;
    display: block;
    border-left: 4px solid #3ba2ff;
    padding-left: 10px;
    margin: 10px 0;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.inspection_list li {
    font-size: 16px;
    line-height: 1.8;
    display: block;
    padding: 5px 0;
}

.inspection_list li span {
    float: right;
    color: #50b811;
    margin-left: 40px;
    width: 80px;
}

.inspection_list li em {
    margin-right: 130px;
    display: block;
    font-style: normal;
    font-size: 15px;
}

.la {
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: text-bottom;
}

.la.la-smile {
    background: url(../img/xunjian/ic_jiancha_good@2x.png) no-repeat;
    background-size: contain;
}

.la.la-cry {
    background: url(../img/xunjian/ic_jiancha_bad@2x.png) no-repeat;
    background-size: contain;
}

.zhuBarStyle {
    width: 100%;
    height: 300px;
    font-size: 70%;
}

.class_score, .overall_score {
    margin-top: 20px;
}

.border-right1 {
    border-right: 1px solid #eaeaea;
}

.padding-lr-10 {
    padding: 0 30px;
}

@media (max-width: 767px) {
    .content {
        padding: 0;
    }

    .box.adjust-xs {
        border: none;
        box-shadow: none;
    }
}

/*2017.6.8*/
.left_tree {
    background-color: #fff;
    border-left: 1px solid #eee;
    min-height: 375px;
    padding: 10px 15px 15px 15px;
}

.pad-t-50 {
    padding-top: 50px;
}

.pad-40 {
    padding: 40px;
}

.pad-20 {
    padding: 20px;
}

.footerBar_fix {
    background: #fff;
    height: 50px;
    line-height: 50px;
    position: absolute;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #ddd;
    left: 0;
}

.h315 {
    height: 315px;
}

.btn-toolbar.juzhong {
    text-align: right;
    padding: 0 15px;
}

.btn-toolbar.juzhong .btn {
    float: none;
}

.right_form {
    border-bottom: 1px solid #eee;
}

.week li {
    display: block;
    width: 70px;
    float: left;
    text-align: left;
}

.text-left {
    text-align: left !important;
}

.no-margin-lr .form-group {
    margin-left: 0;
    margin-right: 0;
}

/*ç­çº§è€ƒå‹¤2017.6.13*/
.timeline > div > li {
    position: relative;
    margin-right: 10px;
    margin-bottom: 15px
}

.timeline > div > li:before, .timeline > div > li:after {
    content: " ";
    display: table
}

.timeline > div > li:after {
    clear: both
}

.timeline > div > li > .timeline-item {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    margin-top: 0;
    background: #fff;
    color: #444;
    margin-left: 60px;
    margin-right: 15px;
    padding: 0;
    position: relative
}

.timeline > div > li > .timeline-item > .time {
    color: #999;
    float: right;
    padding: 10px;
    font-size: 12px
}

.timeline > div > li > .timeline-item > .timeline-header {
    margin: 0;
    color: #555;
    border-bottom: 1px solid #f4f4f4;
    padding: 10px;
    font-size: 16px;
    line-height: 1.1
}

.timeline > div > li > .timeline-item > .timeline-header > a {
    font-weight: 600
}

.timeline > div > li > .timeline-item > .timeline-body, .timeline > div > li > .timeline-item > .timeline-footer {
    padding: 10px
}

.timeline > div > li > .fa, .timeline > div > li > .glyphicon, .timeline > div > li > .ion {
    width: 30px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    position: absolute;
    color: #666;
    background: #d2d6de;
    border-radius: 50%;
    text-align: center;
    left: 18px;
    top: 0
}

.timeline > div > .time-label > span {
    font-weight: 600;
    padding: 5px;
    display: inline-block;
    background-color: #fff;
    border-radius: 4px
}

.timeline-inverse > li > .timeline-item {
    background: #f0f0f0;
    border: 1px solid #ddd;
    -webkit-box-shadow: none;
    box-shadow: none
}

.timeline-inverse > li > .timeline-item > .timeline-header {
    border-bottom-color: #ddd
}

i.fa.sa-up {
    background-image: url(../../dist/img/up.png) !important;
    background-repeat: no-repeat !important;
}

i.fa.sa-down {
    background-image: url(../../dist/img/down.png) !important;
    background-repeat: no-repeat !important;
}

.kaoqin button span.seal.cd {
    background-image: url(../img/chidao.png);
}

.kaoqin button span.seal.zt {
    background-image: url(../img/zhaotui.png);
}

/*å¼¹å‡ºæç¤º*/
.helpTag {
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 4px;
    width: 270px;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    box-sizing: border-box;
    white-space: nowrap;
    right: 35px;
    top: 54px;
    z-index: 9999;
}

.helpTag.customer {
    right: auto;
    left: -210px;
    top: 35px;
}

.helpTag.alert {
    padding: 0;
    border: none 0;
    margin: 0;
}

.helpTag strong {
    padding-left: 10px;
}

.helpTag:before, .helpTag:after {
    content: '';
    display: block;
    position: absolute;
    top: -16px;
    right: 24px;
    border-width: 8px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #464849 transparent;
    z-index: 10000;
}

.helpTag .close {
    color: #ffffff;
    opacity: 0.4;
    position: absolute;
    top: 6px;
    right: 10px;
    text-shadow: none;
}

#browserAlert {
    position: fixed;
    left: 0;
    bottom: -10px;
    z-index: 10000;
    width: 100%;
    display: none;
}

/*ç­çº§è€ƒå‹¤2017.6.14*/
s.shouji {
    background: url(../img/shouji.png) no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    bottom: 3px;
    right: 4px;
    background-size: contain;
}

s.ziwen {
    background: url(../img/ziwen.png) no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    bottom: 3px;
    right: 4px;
    background-size: contain;
}

s.auto {
    background: url(../img/auto.png) no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    bottom: 3px;
    right: 4px;
    background-size: contain;
}

s.gate {
    background: url(../img/gate.png) no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    bottom: 3px;
    right: 4px;
    background-size: contain;
}

s.gps {
    background: url(../img/gps.png) no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    bottom: 3px;
    right: 4px;
    background-size: contain;
}

s.reissue {
    background: url(../img/reissue.png) no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    bottom: 3px;
    right: 4px;
    background-size: contain;
}

/*2017.6.19*/
.pad-10 {
    padding: 10px;
}

.yingji-con {
    position: relative;
}

.yingji-con li {
    height: 140px;
    line-height: 140px;
    text-align: center;
    margin-bottom: 30px;
}

.yingji-con li a {
    display: block;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 5px;
    font-size: 24px;
    color: #333;
}

.yingji-con li a:hover {
    border-color: #ccc;
    background-color: #fafafa;
}

i.sa {
    width: 64px;
    height: 64px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    background: url(../img/yingji_icon.png) no-repeat;
}

i.sa.sa-01 {
    background-position: 0 0;
}

i.sa.sa-02 {
    background-position: 0 -64px;
}

i.sa.sa-03 {
    background-position: 0 -128px;
}

i.sa.sa-04 {
    background-position: 0 -192px;
}

.yingji-con li.sel-yj a {
    background-image: url(../img/yingji_sel.png);
    background-repeat: no-repeat;
    background-position: 98% 94%;
}

.yingji-con li:nth-child(1).sel-yj a {
    background-position: 85% 94.5%;
}

.yingji-con li:nth-child(1).sel-yj a {
    background-color: #ffecea;
    border-color: #ffecea;
}

.yingji-con li.sel-yj a i.sa.sa-01 {
    background-position: -64px 0;
}

.yingji-con li:nth-child(2).sel-yj a {
    background-color: #fff4e2;
    border-color: #fff4e2;
}

.yingji-con li.sel-yj a i.sa.sa-02 {
    background-position: -64px -64px;
}

.yingji-con li:nth-child(3).sel-yj a {
    background-color: #e4faff;
    border-color: #e4faff;
}

.yingji-con li.sel-yj a i.sa.sa-03 {
    background-position: -64px -128px;
}

.yingji-con li:nth-child(4).sel-yj a {
    background-color: #dcffef;
    border-color: #dcffef;
}

.yingji-con li.sel-yj a i.sa.sa-04 {
    background-position: -64px -192px;
}

.start-yj {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -66px 0 0 -66px;
    width: 132px;
    height: 132px;
}

.start-yj a {
    background: url(../img/yingji_start.png) no-repeat 0 0;
    display: block;
    width: 132px;
    height: 132px;
}

.start-yj a:hover {
    background-position: 0 -132px;
}

/*2017.7.31*/
.close_b_gray {
    position: absolute;
    top: -8px;
    right: -5px;
    z-index: 99;
}

.close_b_gray a {
    background: url(../img/close_b_gray.png) no-repeat;
    width: 18px;
    height: 18px;
    display: block;
}

.close_b_gray a:hover {
    background-image: url(../img/close_b_hover.png);
}

.external-event .close_b_gray {
    top: 10px;
    right: 10px;
}

i.sa-plus {
    background: url(../img/add.png) no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
}

ul.nav.nav-tabs li.add_xj a {
    margin-left: 20px;
    padding: 7px 10px 3px 10px !important;
}

ul.nav.nav-tabs li.add_xj a:hover {
    background-color: #f8f8f8;
}

.external-event {
    background: #f8f8f8;
    text-shadow: none;
    margin-bottom: 0;
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0;
    box-shadow: none;
    padding: 8px 10px;
    position: relative;
}

.fc-event.fc-draggable, .fc-event[href] {
    background-color: #3c8dbc !important;
    border-color: #3c8dbc !important;
}

.external-event:hover {
    box-shadow: inset 0 0 90px rgba(235, 248, 251, 1);
}

.margin-top-12 {
    margin-top: 12px;
}

.isOpen {
    float: right;
    margin: 10px 10px 0 0;
}

.margin-t-b-20 {
    padding: 0 0 10px 0;
}

.margin-b-40 {
    margin-bottom: 40px;
}

/*2017.12.8*/
.info-box-number-big {
    line-height: 20px;
    padding: 8px 0 5px 0;
}

.info-box-text-big {
    color: #777;
}

/*2018.3.7*/
.task_btn {
    position: absolute;
    top: 3px;
    right: 40px;
    z-index: 99;
}

.btn-white {
    background-color: #fff;
    color: #444;
    border: 1px solid #ddd
}

.btn-white:hover, .btn-white:active, .btn-white.hover {
    border-color: #adadad
}

.select_box {
    border: 1px solid #eee;
}

.select_box_1 {
    min-height: 400px;
    height: 400px;
    width: 50%;
    background: #fff;
}

.baby_tit {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #efefef;
    height: 35px;
    line-height: 35px;
    margin: 0;
}

.baby_tit span {
    float: left;
    text-align: left;
    font-size: 15px;
    padding-left: 20px;
}

.table_con {
    height: 365px;
    overflow-y: scroll;
    display: block;
    padding: 15px;
}

#choose dl {
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
    margin-bottom: 0;
}

#choose dl:last-child {
    border-bottom: none;
}

#choose dt {
    font-size: 13px;
    line-height: 30px;
}

#choose dd {
    padding-left: 2em;
    font-size: 12px;
    line-height: 24px;
}

/*2018.4.2æŠ¤å¯¼*/
.hd_address {
    display: inline-block;
    float: left;
    margin-right: 5px;
}

.hd_address li {
    position: relative;
    display: inline-block;
}

.hd_address li a {
    position: absolute;
    top: -8px;
    right: 5px;
    background: #efefef;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    color: #555;
    text-align: center;
}

.hd_address li a:hover {
    color: #333;
    background-color: #ddd;
}

.hudao td a.btn {
    padding-left: 0;
    padding-right: 0;
    margin-right: 10px;
    white-space: normal;
    text-align: left;
}

.form-horizontal.hudao .control-label {
    width: 130px;
}

.tips2 {
    clear: both;
    background: #fafafa;
    border: 1px solid #ddd;
    line-height: 20px;
    padding: 8px 10px;
    display: block;
    margin: 10px 0 0 0;
    width: 100%;
    color: #555;
    border-radius: 2px;
}

@media screen and (max-width: 1366px) {
    .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
        white-space: nowrap;
    }
}

/*2018.11.28å¤´éƒ¨å¯¼èˆªæ‰‹æœºç«¯é€‚é…*/
.nav-right {
    position: absolute;
    top: 0;
    right: 0;
}

i.menu-bar {
    background-color: transparent;
    background-image: none;
    padding: 15px 15px;
    font-family: fontAwesome;
    display: block;
    color: #fff;
    font-style: normal;
}

i.menu-bar:before {
    content: "\f0c9";
}

@media screen and (max-width: 768px) {
    #navbar-left {
        width: 100%;
        text-align: left;
        float: none !important;
        margin: 0;
        position: absolute;
        background: rgba(18, 38, 60, .7);
        top: 0;
        z-index: 9999; /*2018.12.28*/
    }

    #navbar-left > li {
        display: block;
        padding: 10px;
    }
}

.skin-blue .main-header > .navbar {
    background-color: #0085e2;
}

.skin-blue .main-header .logo {
    background-color: #0085e2;
}

/*2018.12.28*/
@media (max-width: 1366px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        padding-right: 10px;
        padding-left: 10px;
    }

    .navbar-nav > li > a {
        padding: 15px 5px !important;
    }
}

@media (max-width: 768px) {
    .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini {
        display: block;
        margin-left: auto;
        margin-right: auto;
        font-size: 18px;
        padding-top: 19px;
    }

    .navbar-nav > li > a {
        padding: 0 10px;
        height: auto;
        padding-left: 33%;
    }

    .skin-blue .main-header > .navbar {
        height: auto;
        height: auto \9;
        min-height: auto;
    }

    .skin-blue .main-header .navbar .sidebar-toggle {
        padding: 19px 15px;
        display: block;
    }

    .bigData_con {
        text-align: center;
        margin-bottom: 30px;
        border-bottom: 1px solid #eee;
        padding-bottom: 30px;
        border-right: none !important;
    }

    .bigData_con:last-child {
        border-bottom: none;
    }

    .content-wrapper {
        clear: both;
    }

    .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
        right: 0;
    }

    .nav_enter ul li {
        margin-bottom: 10px !important;
    }

    .padding-bottom-30 {
        padding-bottom: 0 !important;
    }

    .main-sidebar, .left-side {
        padding-top: 140px;
    }

    .skin-blue .main-header .navbar .dropdown-menu li a:hover {
        background: transparent;
    }

    .iconfont {
        display: inline-block !important;
        vertical-align: middle;
    }
}

.content-wrapper, .right-side {
    background-color: #f0f2f5;
}

/*é¡µé¢èƒŒæ™¯é¢œè‰²*/
.nav_enter ul li, .nav_enter_edu ul li {
    margin-bottom: 20px;
}

/*2019.5.7*/
.nav_enter li a, .nav_enter_edu li {
    display: block;
    height: 140px;
    border-radius: 3px;
    background: #fff;
    line-height: 30px;
    -webkit-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -ms-transition: all .3s linear 0s;
    padding: 20px;
}

.nav_enter li a:hover, .nav_enter_edu li:hover {
    box-shadow: 0 1px 20px rgba(0, 0, 0, .18);
}

.nav_enter li .nav_icon, .nav_enter_edu li .nav_icon {
    width: 64px;
    height: 64px;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 5px;
}

.text-blue {
    color: #0085e2 !important;
}

/*2019.5.7*/
.nav_number, .totalNum {
    color: #666;
    font-size: 14px;
    display: block;
}

.nav_number {
    margin: 5px 0;
}

.bigNum_black {
    font-size: 30px;
    color: #0085e2;
    display: inline-block;
    margin-right: 5px;
}

/*2019.5.7*/
.tubiao {
    height: 85px;
    margin: 10px 0 0 0;
}

/*è‰²è°ƒé‡å®šä¹‰*/
.bg-red,
.callout.callout-danger,
.alert-danger,
.alert-error,
.label-danger,
.modal-danger .modal-body {
    background-color: #e45959 !important;
}

.bg-yellow {
    background-color: #f39c12 !important;
}

.bg-aqua,
.callout.callout-info,
.alert-info,
.label-info,
.modal-info .modal-body {
    background-color: #00c0ef !important;
}

.bg-blue {
    background-color: #0085e2 !important;
}

.bg-light-blue,
.label-primary,
.modal-primary .modal-body {
    background-color: #0085e2 !important;
}

.bg-green,
.callout.callout-success,
.alert-success,
.label-success,
.modal-success .modal-body {
    background-color: #6cd764 !important;
}

.bg-navy {
    background-color: #001f3f !important;
}

.bg-teal {
    background-color: #39cccc !important;
}

.bg-olive {
    background-color: #3d9970 !important;
}

.bg-lime {
    background-color: #01ff70 !important;
}

.bg-orange {
    background-color: #ef9451 !important;
}

.bg-fuchsia {
    background-color: #f012be !important;
}

.bg-purple {
    background-color: #6d72dd !important;
}

.bg-maroon {
    background-color: #d81b60 !important;
}

.bg-pink {
    background-color: #d55ece !important;
}

.box {
    box-shadow: none;
}

.box-weight {
    border-top-color: #fff;
}

a.btn {
    transition: all 0.4s;
}

.btn-primary {
    background-color: #0085e2;
    border-color: #0085e2;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-color: #0077cb;
    border-color: #0077cb;
}

.sidebar-menu > li {
    opacity: .65;
}

.sidebar-menu > li.active {
    opacity: 1;
}

.sidebar-menu .treeview-menu > li > a {
    padding: 10px 5px 10px 18px;
}

.sidebar-menu li > a > .pull-right {
    margin-top: -8px;
}

.news_title {
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: #333;
    margin-bottom: 10px;
}

.pub_date {
    color: #939393;
    display: block;
    margin-bottom: 20px;
    font-size: 13px;
}

.padding30 {
    padding: 30px 20px;
}

.padding-top-30 {
    padding-top: 30px;
}

.padding-bottom-30 {
    padding-bottom: 30px;
}

.margin-right-20 {
    margin-right: 20px;
}

.news_hot dt {
    float: left;
    margin-right: 15px;
    padding-bottom: 30px;
}

.news_hot dt img {
    border-radius: 3px;
}

.news_title a {
    color: #333;
}

.news_title a:hover {
    color: #72afd2;
}

.news_container .connectedSortable .box {
    min-height: 246px;
}

.bigData_con {
    text-align: center;
}

.bigData_con dt {
    margin-bottom: 0;
}

/*2019.5.7*/
.h_icon {
    width: 64px;
    height: 64px;
    display: block;
    margin: 0 auto;
    background: url(../img/dudao/icon02.png) no-repeat center center;
}

.h_icon.h_icon01 {
    background-position: 0 0;
}

.h_icon.h_icon02 {
    background-position: 0 -64px;
}

.h_icon.h_icon03 {
    background-position: 0 -128px;
}

.h_icon.h_icon04 {
    background-position: 0 -192px;
}

.h_icon.h_icon05 {
    background-position: 0 -256px;
}

.h_icon.h_icon06 {
    background-position: 0 -320px;
}

.h_icon.h_icon07 {
    background-position: 0 -384px;
}

.h_icon.h_icon08 {
    background-position: 0 -448px;
}

/*2019.5.7*/
.h_icon.h_icon09 {
    background-position: 0 -512px;
}

/*2019.5.7*/
.fontgray {
    font-size: 19px;
    color: #888;
    margin-bottom: 13px;
}

.fontgray font {
    border-bottom: 3px solid #555555;
    display: inline-block;
    line-height: 50px;
    font-size: 17px;
}

.bigNum {
    font-size: 28px;
    color: #454545;
    font-family: Helvetica, Arial;
    font-weight: 500;
}

.font20 {
    font-size: 17px;
}

.text-gray3 {
    color: #555;
}

.box .border-right {
    border-right: 1px solid #e7e7e7;
}

.box-header {
    padding: 15px;
}

.rank_num {
    font-size: 12px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    background: #9a9a9a;
    text-align: center;
    display: inline-block;
    color: #fff;
    border-radius: 3px;
}

.rank_num.top3 {
    background-color: #0085e2;
}

.main-footer {
    color: #9ea3aa;
    border-top: none;
    background: #ecf1f7;
    text-align: center;
    padding-top: 0
}

/*.bigData .col-lg-2 {width:25%;} 2019.5.7*/

/*2019.1.16*/
a {
    color: #0085e2;
}

a:hover, a:active, a:focus {
    color: #21a4ff;
}

.nav_left {
    width: 65%;
    float: left;
}

.charts_xs {
    width: 25%;
    float: right;
}

.nav_title {
    color: #999;
    font-size: 14px;
    display: block;
}

.tongzi .box-title a {
    color: #666;
}

/*é¡µç­¾æ ·å¼é‡å®šä¹‰*/
.nav-tabs {
    border-bottom: 1px solid #eeeeee;
}

.nav-tabs-custom {
    box-shadow: none;
}

.minH316 {
    min-height: 318px;
}

.nav-tabs-custom > .nav-tabs.pull-right {
    padding: 6px 0;
    height: 50px;
}

.nav-tabs-custom > .nav-tabs > li {
    border-top-color: transparent !important;
    margin-bottom: -5px;
    margin-right: 20px;
}

.nav-tabs-custom > .nav-tabs > li.header {
    padding: 0 20px;
    font-size: 16px;
    color: #222;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border: none;
    color: #0085e2 !important;
}

.nav-tabs-custom > .nav-tabs > li.active {
    border-bottom: 2px solid #0085e2;
}

.nav-tabs-custom > .nav-tabs > li > a {
    border: none;
    padding: 10px 15px;
}

.nav-tabs-custom > .tab-content {
    padding: 10px 20px;
}

.newslist ul {
    line-height: 36px;
}

.date {
    color: #aaa;
    font-size: 13px;
    float: right;
}

.newslist li a {
    color: #666;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    padding-right: 10px;
}

.newslist li a:hover {
    color: #0085e2;
}

.more_me {
    background: url(../img/home_school/more_arrow.png) no-repeat 100% center;
    padding-right: 12px;
    color: #666;
}

.text-brown {
    color: #dd834d;
    font-size: 13px;
}

.margin-top-8 {
    margin-top: 8px;
}

.ico_tips {
    background: url(../img/home_school/tips.png) no-repeat;
    width: 14px;
    height: 16px;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 3px;
}

.kaohe {
    background: url(../img/home_school/kaohe.png) no-repeat;
    width: 14px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}

.guize {
    background: url(../img/home_school/jifen.png) no-repeat;
    width: 14px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}

.jifen {
    background: #fff;
    border-radius: 3px;
    margin-bottom: 20px;
    display: block;
    height: 38px;
    line-height: 38px;
}

.ji_title {
    font-size: 16px;
    color: #222;
    display: inline-block;
    background: url(../img/home_school/rank_bt_arrow.png) no-repeat 100% center;
    padding: 0 20px;
}

.ji_content {
    display: inline-block;
    margin-left: 15px;
}

a.blue {
    color: #0085e2;
}

a.blue:hover {
    color: #0096ff;
}

.ji_detail a {
    border-right: 1px solid #e8e8e8;
    padding: 0 10px;
}

.ji_detail a:last-child {
    border: none;
}

.slimScrollBar {
    width: 9px !important;
}

.main-footer {
    font-size: 12px;
}

.text-gray3 {
    color: #999;
}

.noData {
    display: block;
    text-align: center;
    padding-top: 7%;
}

.noData span {
    color: #cbcfd5;
    display: block;
    margin-top: 10px;
}

.box-header .box-title {
    font-size: 16px;
    color: #222;
}

.margin1020 {
    margin: 10px 20px;
}

.more_con {
    margin: 10px 20px;
}

/*2019.5.7*/
.minH100 {
    height: 220px;
}

.padding-top-10 {
    padding-top: 15px;
}

.safe_pg {
    background: url(../img/home_school/safe_pg.png) no-repeat;
    width: 72px;
    height: 85px;
    display: inline-block;
    margin-top: 10px;
    background-size: contain;
}

/*2019.5.7*/
@media screen and (max-width: 1920px) {
    .nav_left {
        width: 58%;
    }

    .charts_xs {
        width: 42%;
    }
}

@media screen and (max-width: 1440px) {
    .tubiao {
        font-size: 80%;
        height: 70px;
    }

    /*2019.5.7*/
    .nav_enter li a {
        height: 115px;
        line-height: 26px;
    }

    /*2019.5.7*/
    .charts_xs {
        width: 40%;
    }

    .nav_left {
        width: 60%;
    }

    .bigNum {
        font-size: 24px;
    }

    .safe_pg {
        transform: scale(0.8, 0.8);
        margin-top: 0;
    }

    /*2019.5.7*/
}

@media (max-width: 768px) {
    .jifen {
        height: auto;
        line-height: 35px;
        padding: 10px 0;
    }

    .ji_title {
        padding: 0 10px;
    }

    .ji_content {
        margin-left: 10px;
    }

    .ji_detail {
        margin-right: 10px;
    }

    .charts_xs {
        width: 42%;
    }

    .nav_left {
        width: 55%;
    }

    .nav-tabs-custom, .box {
        margin-bottom: 10px;
    }

    .ji_title {
        background-image: none;
    }

    .noData {
        padding-top: 21%;
    }

    .nav_enter li a {
        padding: 10px 20px;
    }

    .margin1020 {
        margin: 0;
    }

    .more_con {
        margin: -10px 20px 10px 20px;
    }
}

/** #endregion --------------------------------------------------------*/
